VUE部署到tomcat下访问页面显示空白

背景

今天突然心血来潮想把现在使用nginx部署的vue，放到tomcat中，想着这还不So Easy，文件夹复制到tomcat的webapps目录下，启动，结果页面显示空白，纳尼？？？。

原因分析

询问度娘后，都说F12看下控制台是不是404错误，结果我这边控制台不报错，就页面空白，怎么办？挨个排查吧。最终我这边的解决办法如下：

1.config/index.js

更改assetsPublicPath: '/'为assetsPublicPath: ‘./’

module.exports = {
  dev: {
  	...
    assetsPublicPath: './',
    ...
    },
     build: {
       	...
   		assetsPublicPath: './',
   		...
     }
  }

2.router/index.js

在路由表里设置访问项目的根路径：

export default new Router({
  mode: 'history',
  base:'/myvue/', //打包项目的根目录

3.打包部署

dist文件夹里面的文件复制到tomcat/webapps/myvue，启动服务，问题解决。