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文件中的静态资源路径配置