2019-05-29 vue 打包文件访问index.html

作者: c6e71129966d | 来源:发表于2019-05-29 11:06 被阅读0次

访问dist文件里的index.html 或者访问发布到云服务上的地址，会出现如下的空白页面以及报错。

报错.png

因为index.html 里边的内容是都通过script的标签引入的，如果路径不对，打开的页面就是空白的。

修改 config文件夹里的index.js里的assetsPublicPath的值

assetsPublicPath默认的是‘/’,也就是根目录。我们的index.html和static在同一级的目录下边。

注意:修改的是 build:{}里边的路径

在src里边router/index.js路由配置里的默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把原来的模式配置删除，让它默认的就行。

如果非要使用history模式的话(需要和后台一起配合使用)，需要你在服务端加一个覆盖所有的情况的候选资源：如果URL匹配不到任何静态资源，则应该返回一个index.html,这个页面就是你app依赖页面。

网友评论

本文标题：2019-05-29 vue 打包文件访问index.html

本文链接：https://www.haomeiwen.com/subject/cyeetctx.html

2019-05-29 vue 打包文件访问index.html