vue webpack打包部署到tocmat带目录

我的想法很简单把vue项目打包然后直接丢到tomcat里面就能直接访问运行了，这个想法真的不过分。

于是我运行了npm run build

node说不认识这个命令，哦我去看看package.json ，里面这么写的

o ,我明白了，应该运行 npm run build:prod

打包很顺利，不一会儿就出现了一个dist文件夹。红色的，很亮

赶紧的找个tocmat找到熟悉的webapps目录，直接把dist丢了进去，然后shutdown，startup

满心欢喜去访问,

额，结果是这样的，一篇空白资源完全无法加载：

紧急询问百度，得到答案：

vue.config.js里面的publicPath要改成带tomcat目录前缀的，如图

再试，这回首页出来了，可是这路径明显不对啊，怎么访问的dist/index.html出来的却少了dist呢

原来是router.js里面要配置

注意里面还有个mode，如果你选择history你访问还会遇到404，如果不嫌弃#号难看就把他去掉吧，这样你还能看到页面啥样，关于怎么使用history需要后端配合。此处不想多言。

赞赏：