vue.js - 用webpack2打包（包含了vue-router）发布。但在tomcat下出错。
本文介绍了vue.js - 用webpack2打包（包含了vue-router）发布。但在tomcat下出错。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
遇到个比较奇怪的问题。用了vue-cli初始化的项目，包含了vue-router模板。但发布到tomcat下面居然报错。内容是：
192.168.0.55/:1 GET http://192.168.0.55:8080/stat...
在开发模式下调试程序并没有报错。为了证实不是我程序产生的问题，我用vue-cli初始化了一个空项目，一个字都没改。居然报错的内容一样。不知道是什么情况。
我存放程序的绝对路径为C:\apache-tomcat-8.0.39\webapps\。请问assetsPublicPath: '/',我应该怎么改？
解决方案
在 config/index.js 中将 build 下的 assetsPublicPath: '/', 改为assetsPublicPath: '/webapps/survey/',。刚才末尾少了个 /
说明：
这里的 assetsPublicPath 指你最终 build 生成的文件会放到服务器的什么路径下，注意，这里的路径不是文件路径，而是 URL 路径，例如：设置为 assetsPublicPath: '/dist/',，则生成的 index.html 内容如下：
<!DOCTYPE html><html><head><meta charset=utf-8><title>vue2</title><link href=/dist/static/css/app.cf4142b4133de7469c742316f1de4fa0.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/dist/static/js/manifest.c66326e7fa2d344ea87c.js></script><script type=text/javascript src=/dist/static/js/vendor.91f21c3602fc68b682d3.js></script><script type=text/javascript src=/dist/static/js/app.b019d6896d3073eca0f0.js></script></body></html>注意其中的 link 和 script 元素中的路径已经变成了 /dist/static/...
此时，在项目目录下运行 live-server，并在浏览器中访问 http://localhost:8080/dist/ 可以正常访问页面。
这篇关于vue.js - 用webpack2打包（包含了vue-router）发布。但在tomcat下出错。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
