vue项目发布到tomcat服务器小记

1、在index.js里面修改assetsPublicPath的值为‘/’,下面的dev和build在module.exports里面

vue项目发布到tomcat服务器小记_第1张图片

vue项目发布到tomcat服务器小记_第2张图片

2、打包

进入package-lock.json所在目录下,按shift,同时右击,打开cmd窗口,执行命令,npm run build

然后在同级目录下会产生一个dist的文件夹,即为所打的包

 

3、将上一步打的dist文件夹复制到tomcat的webapps下面

4、修改该tomcat的配置文件server.xml,加一个context标签,docBase的值是你刚复制到tomcat下的dist文件夹的路径,path可自己根据情况配置,该值与你访问路径有关,我现在的配置直接ip加端口就可以访问了,ip是server.xml里面配置的端口

ok,结束,祝所有女程序员节日快乐

你可能感兴趣的:(前端)