Vue——项目打包部署到tomcat

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 查看成功