1、修改vue项目config文件夹index.js文件
build: {index: path.resolve(__dirname, '../dist/index.html'),assetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: 'static',// 绝大多数我们使用"/" 这边使用lab 在tomcat webapps下新建lab目录assetsPublicPath: '/lab/',}
2、vue 项目进行打包
执行:npm run build
查看输出文件:dist 文件夹下生成这几个文件,里面的文件复制到/Users/wuxi/Documents/apache-tomcat-8.0.53/webapps/lab下
3、修改配置文件启动本地tomcat
mac安装tomcat:/wx19900503/article/details/72897798
修改 /Users/wuxi/Documents/apache-tomcat-8.0.53/conf/server.xml
<ConnectorconnectionTimeout="20000"port="8081"protocol="HTTP/1.1"redirectPort="8443"/>
端口改为8081 启动tomcat 查看成功