本文详细介绍了如何将Vue项目与Nginx结合部署，包括修改Vue项目的配置，如主入口、服务器端口和路径，以及在Nginx中配置反向代理解决跨域问题。在Nginx中添加代理配置，实现Vue项目请求接口的转发，确保开发和生产环境的兼容性。最后，阐述了打包部署Vue项目到Tomcat和启动Nginx的步骤，以及处理502错误的技巧。
1.修改主入口组件，src\ main.js
如果想部署后的程序访问的主入口是自己指定的组件，而不是vue项目默认的组件，则调整主入口main.js，如下图
2. 修服务器端口、域名和路径，config\ index.js
将host值修改为服务器对应的ip或域名，port修改为自己对应的端口号
将assetsPublicPath值由原来的”/”改为”./”，productionSourceMap值设置为false
3.修改build/utils.js文件
在enerateLoaders方法中找到如下图位置，加上publicPath:'../../'
最低0.47元/天 解锁文章
1003
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
