为什么 vue 项目木打包后必须部署在服务器或本地起一个 web 服务才能运行？

2020-06-04 20:34:29 +08:00
 duanzs

我自己编写 html 文件，可以直接用浏览器打开，但是用 vue 项目打包后直接用浏览器打开 index.html 就打不开（白框）

3528 次点击
所在节点    webpack
7 条回复
Hilong
2020-06-04 20:35:24 +08:00
你看看，是不是路径的问题，一般来说打开是没啥问题的
zachlhb
2020-06-04 20:43:17 +08:00
js 路径问题，你看看找 js 文件是不是从根目录开始找的，如果不起 web 服务，是拿不到根目录的
love
2020-06-04 21:12:35 +08:00
记得好象和权限有关，本地地址 html 引用的 js 运行和远程权限不一样
ss098
2020-06-04 21:17:11 +08:00
Vue Cli 默认 HTML Assets 引用 URL 是 /，更改这个路径为相对路径即可（例如 ./）。
sodatea
2020-06-04 21:20:01 +08:00
非常不建议直接打开文件，可能会碰到各种奇怪的问题而且不好定位。
anguiao
2020-06-04 22:10:21 +08:00
因为默认的 publicpath 是“/”，也就是根目录，所以直接打开是不行的。可以改成空，就可能直接打开了。
这个 Vue CLI 的文档里面都有写，实在懒得看的话，F12 看一下报错信息和源码，也应该发现了。
duanzs
2020-06-05 09:51:30 +08:00
多谢大家，我大概懂了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/678715

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX