VUE项目部署到tomcat服务器-前端配置

说明
对于前后端分离项目，后端通常直接用springboot以java -jar启动，或者打成war包放置tomcat中；前端工程使用webpack打包在dist文件夹下，再将statis和index.html放置到nginx等服务中。对于后端开发者而言，将后端和前端统一部署在tomcat下的有点如下：

• tomcat包解压即用非常方便
• 无需再安装nginx服务（若机器上无nginx或无sudo权限等，使用起来比较繁琐）
• 解决跨域问题，tomcat同一ip同一端口

前端配置

config/index.js :将build下的assetsPublicPath: '/',改成assetsPublicPath: './'==>解决首页加载空白问题

assetsPublicPath: './',

src/router/index.js

const router = new Router({ base: '/projectName/', routes: [] })

tomcat配置

在tomcat下新建一个工程文件夹，如projectName（和前端名称对应）

关于VUE打包后index.html文件中的静态资源路径配置

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/hd-yjs/11235.html