vue打包后,用后端接口报错304、404问题

vue打包用后端接口报错304、404

问题描述

后端打包部署成功以后，更换了地址信息，前端修改vue.config,js中代理跨域的配置，但是前端打包后出现接口报错304、404

解决办法

在axios请求中修改配置对象baseURL：

baseURL: process.env.NODE_ENV === "development" ? "" : "http://112.74.72.92:8085"

位置如下图：

vue项目打包上线后接口地址报错问题

代理设置的作用是你要访问后端的请求直接发到当前站点，因此你的 api 路径都应该是不含 hostname 的相对路径

部署到生产环境时，只要相对路径保持不变，就不需要任何设置。

如果开发环境下的 api 路径和生产环境的路径不一致，那么一定可以通过设置 proxyTable 使之一致。

因此，结论是，只要 proxyTable 设置得好，部署上线不需要做任何改动。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。