Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
479 views
in Technique[技术] by (71.8m points)

用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.39webapps。请问assetsPublicPath: '/',我应该怎么改?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

在 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/ 可以正常访问页面。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...