Reactjs React链接重定向到代理后端服务器
My React应用程序使用Reactjs React链接重定向到代理后端服务器,reactjs,routes,frontend,Reactjs,Routes,Frontend,My React应用程序使用 "proxy": "http://localhost:3001" 用于开发目的的package.json内部 不知何故,当我使用React路由器链接组件进行重定向时,请求有时会通过代理转发到后端,而不是请求提供前端页面。为什么会这样?而且,这是不一致的!这意味着,尽管单击了完全相同的链接组件,但有时它会这样做,有时它不会。有什么想法吗?您在前端和后端使用相同的路线吗? 我建议您将API放在后端所有路由的前面,以避免任何不一致 所以如果你的后端路线是 /使用者 换成
"proxy": "http://localhost:3001"
用于开发目的的package.json内部
不知何故,当我使用React路由器链接组件进行重定向时,请求有时会通过代理转发到后端,而不是请求提供前端页面。为什么会这样?而且,这是不一致的!这意味着,尽管单击了完全相同的链接组件,但有时它会这样做,有时它不会。有什么想法吗?您在前端和后端使用相同的路线吗? 我建议您将
API
放在后端所有路由的前面,以避免任何不一致
所以如果你的后端路线是
/使用者
换成
/api/用户
我找到了解决办法!
我已从package.json中删除了代理设置,并在src文件夹中添加了一个setupProxy.js文件,其中包含以下内容:
const proxy = require("http-proxy-middleware");
module.exports = app => {
app.use(proxy.createProxyMiddleware("/api", { target: "http://localhost:3001/" }));
};