vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理)

1,138 阅读1分钟

vue的项目中使用axios发送ajax请求,因为跨域,使用了proxy反向代理,开发环境测试没有问题,但是项目打包放到生产环境时报404错误,查了一下解决方案,可以后端设置nginx解决,但是我们这个项目服务器没用nginx,所以提供一个前端的解决方案

// request拦截器service.interceptors.request.use(  config => {    if(process.env.NODE_ENV === 'production'){      const wx = /wx/, wz = /wz/;      if(wx.test(config.url)) {        config.url = wxApi + config.url.split(wx)[1]      }      if(wz.test(config.url)) {        config.url = wzApi + config.url.split(wz)[1]      }    }    return config;  },  error => {    console.log(error);    return Promise.reject();  });