访问dist文件里的index.html 或者访问发布到云服务上的地址,会出现如下的 空白页面以及报错。
1.主要是路径的问题
因为index.html 里边的内容是都通过script的标签引入的,如果路径不对,打开的页面就是空白的。
修改 config文件夹里的index.js里的assetsPublicPath的值
assetsPublicPath默认的是‘/’,也就是根目录。我们的index.html和static在同一级的目录下边。
注意:修改的是 build:{}里边的路径
2.也有可能是路由配置里的模式问题
在src里边router/index.js路由配置里的默认模式是hash,如果你改成了history模式的话,打开也会是一片空白。所以改为hash或者直接把原来的模式配置删除,让它默认的就行 。
如果非要使用history模式的话(需要和后台一起配合使用),需要你在服务端加一个覆盖所有的情况的候选资源:如果URL匹配不到任何静态资源,则应该返回一个index.html,这个页面就是你app依赖页面。