npt117 2022-02-09 10:56 采纳率: 100%
浏览 92
已结题

前端路由代理未生效的问题

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

cuecil版本为4.5.13
node版本为10.16.3
开发过程中我在根目录下写了vue.config.js文件希望完成路由代理
但多次尝试后接口并未接通,在postman中测试接口是通的

问题相关代码,请勿粘贴截图

vue.config.js代码如下

module.exports = {
  publicPath: "./",  
  devServer: {
    proxy: {
      '/api': {
        target: 'http://120.55.15.78:8989',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    }
  }
}

调用接口部分如下


join() {
      axios({
        url: "/api/user/login",
        method: "post",
        data: {
          account: "admin",
          password: "123456",
          cid: "1",
        },
      })
        .then((res) => res)
        .then((res) => {
          console.log(res);
        });
    },
运行结果及报错内容

运行结果为

     POST http://192.168.1.10:8080/api/api/user/login 404 (Not Found)

    Uncaught (in promise) Error: Request failed with status code 404
       at createError (createError.js?2d83:16:1)
       at settle (settle.js?467f:17:1)
       at XMLHttpRequest.onloadend (xhr.js?b50d:66:1)
我的解答思路和尝试过的方法

我认为此时访问的接口应该是
http://120.55.15.78:8989/api/api/user/login
但实际访问的应该依旧是
http://192.168.1.10:8080/api/api/user/login
所以会报404
我知道config文件修改后需要重启,我多次尝试依旧未生效

我想要达到的结果

成功访问接口并返回相应的数据如下


{
    "code": 0,
    "msg": "参数不能为空!",
    "time": "1644371711",
    "data": null
}

  • 写回答

2条回答 默认 最新

  • 期许阿 2022-02-10 09:42
    关注
    
      devServer: {
        proxy: {
          "/api": {
            target: "http://120.55.15.78:8989",
            ws: true,
            // changeOrigin: true,
            pathRewrite: {
              "^/api": "/api",
            },
          },
        },
      },
    

    img

    img


    我试了一下 正确的应该是这样配置的 你可以按照我的方式进行更改

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月21日
  • 已采纳回答 2月13日
  • 创建了问题 2月9日

悬赏问题

  • ¥15 调用函数时,无关变量的改变引起函数值的改变
  • ¥15 xy坐标转化为经纬度坐标
  • ¥15 一般三角模糊数的上界值和下届值取中值的多少比较合理?
  • ¥15 关于#python#的问题,请各位专家解答!
  • ¥20 Hbase启动失败,无法启动HMaster
  • ¥15 sqpingboot在父模块已经引入了mybatisplus 在子组件不写版本号还是报错
  • ¥20 Lumerical FDTD solutions 中模型的相对阻抗,有效介电常数和有效磁导率的实部和虚部的数据如何获得?
  • ¥100 sql reporting service 远程smtp服务器配置支持
  • ¥15 ppyoloe_r带角度目标检测,loss_cls没法收敛
  • ¥15 淘宝交易指数如何解读,其关联的数据指标是什么