vue项目打包部署到tomcat服务器

总结：

修改vue项目相关配置，cmd进入到vue项目文件夹中，执行npm run bulid命令，将生成的dist文件夹下的内容，存放到Tomcat中的webapps新建文件夹下，运行Tomcat服务器，通过 IP地址:端口/新建文件夹名称【http://192.168.10.127:8080/jkpt/】，即可访问vue项目。

步骤一：修改vue项目相关配置

（1）在vue.config.js文件中module.exports导出的对象中添加 publicPath: ‘./’ 的配置项。

（2）在router文件夹下index.js添加配置项 base: ‘/文件夹名称/’ （文件夹名称可随意设置）。

步骤二：vue项目打包

cmd进入到vue项目文件夹中，执行npm run bulid命令，生成dist文件夹。

步骤三：存放dist文件下的内容

将生成的dist文件夹下的内容，存放到Tomcat中的webapps新建文件夹下(该文件夹名称与router中base配置的文件夹名称保持一致)

步骤四：访问测试

 通过 IP地址:端口/新建文件夹名称【http://192.168.10.127:8080/jkpt/】，即可访问vue项目。