weixin_51452985 2022-08-24 13:19 采纳率: 60%
浏览 36
已结题

react跨域以及接口404

问题遇到的现象和发生背景

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

  • 写回答

1条回答 默认 最新

  • Beq 2022-08-24 13:39
    关注

    node 服务先写get请求,通过url访问,看有没有问题;
    你已经用了proxy了,不会有跨域问题;
    404 就是你的url不对,或者post 写成get了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 9月1日
  • 已采纳回答 8月24日
  • 创建了问题 8月24日

悬赏问题

  • ¥15 nrf52810-c三个a 程序
  • ¥15 lego-loam跑出来的roll误差很大
  • ¥50 求一个半透明没有锯齿的圆角窗体的实现例子
  • ¥15 STM32cubeMX里的FreeRTOS无法释放内存
  • ¥15 CATIA有些零件打开直接单机确定终止
  • ¥15 请问有会的吗,用MATLAB做
  • ¥15 phython如何实现以下功能?查找同一用户名的消费金额合并—
  • ¥15 孟德尔随机化怎样画共定位分析图
  • ¥18 模拟电路问题解答有偿速度
  • ¥15 CST仿真别人的模型结果仿真结果S参数完全不对