问题遇到的现象和发生背景
react跨域以及接口找不到的问题
问题相关代码，请勿粘贴截图
这个是setupProxy.js的代码
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
app.use(
"/api",
createProxyMiddleware({
target: "http://localhost:4000", // 后台服务地址以及端口号
changeOrigin: true, // 是否开启代理
pathRewrite: {
"/api": "", // 代理名称
},
})
);
};
这个是我的api的接口
export function Login(data) {
return http.request({
url: "/login",
method: "post",
data: data,
});
}
/* 注册接口 */
export function Register(data) {
return http.request({
url: "/register",
method: "post",
data: data,
});
}
这个是axios的baseUrl
const http = axios.create({
baseURL: "",
timeout: 5000,
});
这个是node接口
app.use(
express.urlencoded({
extended: false,
})
);
app.use("/api", router);
app.listen(4000, () => {
console.log("server is running on port : 4000");
});
运行结果及报错内容
跨域以及接口404
