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：https://blog.csdn.net/wx19900503/article/details/72897798

修改 /Users/wuxi/Documents/apache-tomcat-8.0.53/conf/server.xml

 <Connector connectionTimeout="20000" port="8081" protocol="HTTP/1.1" redirectPort="8443"/>

端口改为8081 启动tomcat 查看成功