vue history模式下出现空白页情况

vue 开发的但也应用 url 都会带  # 号，想要去掉的话， 可以使用 history模式，只要在router下的index.js加一行代码。代码如下：

1.    mode: 'history',

但是使用这个模式，在开发阶段一切都是正常的，可是打包之后，访问项目会发现页面一片空白的情况，解决办法如下：

A：一般很多人创建的项目都放在了根目录下面，也就是：

xxxxxx.com ，这是一种解决办法

B：假如我的打开地址是：xxxxxx.com/nice，配置了模块，或者放置在了子文件夹下面，那么就会出问题。其实，这是因为router无法找到路径中的组件，所以也就无法渲染了。只需要修改router中的index.js，加一个基础路径就可以了。

代码：

代码

404情况：需要后端支持：详情见官方文档。https://router.vuejs.org/zh-cn/essentials/history-mode.html