Tomcat下部署vue与war包遇到的坑

首先,用npm run build 来打包项目,然后就会在项目的dist中出现这两个文件Tomcat下部署vue与war包遇到的坑
然后将它们拷贝到tomcat下的apache-tomcat-9.0.10\webapps,然后给他重命名为pcpc,这个名字可以随便区,就在这里遇到了坑,我使用tomcat的端口号 http://localhhost:8080/pcpc 然后访问到的页面是空白页面,看了一下控制台,发现有好多文件没有找到,404错,然后想了一下可能是路径的错。然后我就重新给它部署,重命名为dist,然后修改 src–router–index.js
Tomcat下部署vue与war包遇到的坑
把路径变为/dist,与部署的文件名相同,config—index.js
Tomcat下部署vue与war包遇到的坑
这个pc与Shopping是我在eclipse下导出来的war包,放在webapp下,与dist在同一个目录下,然后重启tomcat()启动(D:\apache-tomcat-9.0.10-windows-x64\apache-tomcat-9.0.10\bin)下的startup.bat,就可以通过 http:localhost:tomcat的端口号/dist(你给它取的名字),这样就会出现了页面,请求到了资源
Tomcat下部署vue与war包遇到的坑