vue项目打包后代理接口报404错误的前端解决方案
vue的项目中使用axios发送ajax请求,因为跨域,使用了proxy反向代理,开发环境测试没有问题,但是项目打包放到生产环境时报404错误,查了一下解决方案,可以后端设置nginx解决,但是我们这个项目服务器没用nginx,所以提供一个前端的解决方案
一般这种情况,都是在前端使用了反向代理
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/222a6018113beef86474d39d3d9c5c7e.png)
开发环境中,图中的rongda-home就会代替target中地址,但是在线上环境中,rongda-home变成字符串,所以出现404.
解决方法,利用axios拦截器,把rongda-home替换
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b3b5f024ac82b95f523eceef9ab74eee.png)