项目描述：
前后端部署在同一台服务器上，采用前后端分离模式开发，前端解析地址为 xyg.xxx.com, 后端接口https访问地址为 xyg2.xxx.com, 项目为若依前后端分离改的
我截图偏向截图截的大一点，会标注你需要改动的地方，截图大一点方便小白找到代码的位置，我也是小白。
配置描述：
1：.env.production
这里的API要配置为后端请求的API，及后端写的一堆接口的那些API
2:vue.config.js
这个文件中配置"静态文件"的访问地址，我自己是这么配然后生效的，个人配置，接受批评
无效配置提示
网上很多回答会讲这里怎么怎么配，我明确一点，这里是配置开发环境中的！（你开发时写代码本地运行时才会生效），vue-cli build 打包时是不会采用这里的配置的，及：打包配置到生产环境中时不需要配置这里。
注意，网上有些资料说在这里配置 BASEURL，目前的vue-cli版本中已经弃用这个说法了，改为publicpath
正确配置如下
仅在上图红色框选中配置即可，三目预算符，判断，如果是生产环境打包，静态路由地址及为后面的第一个地址，配置后，静态文件的访问就没问题
3:package.json
这个文件中配置打包命令
这里配置生产模式下的打包，我们在配置好所有配置项后要执行这个命令打包，默认会在前端项目中生成一个dist文件，用7zip 制作为dist.tar.gz(防止宝塔面板解压中文乱码)，上传服务器解压，更改文件夹名字为网站解析目录的名字即可
4:request.js
我是若依的框架，这里保持默认就好，这里会获取后端API的接口，及我们在 .env.production中写的那个 xyg2.xxx.com 这个地址作为请求后端的 BASEURL
5.vue页面浏览器地址访问404问题(或者在vue页面中浏览器刷新会404）
该条参考前辈文章：blog.csdn.net/q1ngqingsky…
在该网站的nginx配置中（不必要全局nginx配置）添加这两行，保存就可以生效了
感谢看到这里，如果对你有帮助，欢迎点赞收藏，如果你有不一样的写法，欢迎评论区交流，希望我能看懂你的写法，如果你觉得我的文章有误，我平静接受你的指出，并学习改正。
