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需要后端配合。此处不想多言。

赞赏:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章