部署vue项目到tomcat上

一、前提条件：有配置java环境，下载tomcat后解压https://tomcat.apache.org/download-80.cgi，获得以下目录

 

二、修改vue项目下config/index.js，注意dev和build都要改assetsPublicPath的配置

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

三、修改路由配置src/router/index.js，增长配置base: '/aoxinwechat/'，若是这里不配置，会致使部署的项目首页访问一片空白，但不报错，且引入的文件有正常加载

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

四、执行npm run build，将打包生成的dist目录下的全部东西粘贴到Tomcat/webapps/aoxinwechat路径下，aoxinwechat是自定义的项目名

五、启动tomcat，在tomcat下的bin目录中双击startup.bat文件，或者打开命令行去访问startup.bat，

访问路径格式>>ip:port/aoxinwechat，例如：http://localhost:8080/aoxinwechat/，便可访问到Vue项目。