VueCli3 打包并发布到tomcat

1.Vue执行 npm run build打包之前
在最外层目录下创建一个vue.config.js文件；
在vue.config.js中输入如下代码：

module.exports = {
  publicPath: './'
}

2.、修改路由配置src/router/index.js，增加配置base: ‘/vuecli3/’，
这里的名称"vuecli3"需要与后面上传到tomcat的文件夹名称一样

export default new Router({
  //如打包文件存放在Tomcat/webapps/aoxinwechat下，
  //那么base就这么写
  base: '/vuecli3/',
  mode: 'history',
  routes: [
      ...
  ]
})

3.vue执行npm run build 打包生成dist文件夹,

4,进入下载好的tomcat中的webapps文件里面,新建一个vuecli3文件夹,并且将dist中的所有文件复制到vuecli3 中

5.启动tomcat，在tomcat下的bin目录中双击startup.bat文件，或者打开命令行去访问startup.bat，
访问路径格式>>ip:port/vuecli3，例如：http://localhost:8080/vuecli3，即可访问到Vue项目。