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(); });