需要在本地打开
在路由文件夹里面 路由模式为 hash 值， 然后 在webpack.config.js 里面的publicPath 配置为 ‘./’
关于webpack publicPath 里面的 ‘/’ 和 './'的区别
‘/’ 代表的是 绝对路径， 主要是应用于 webpack里面所有loader或者是plugin 需要路径会加上的一个 绝对路径
‘./’ 代表的是相对路径， 对于所有的打包的静态资源都是相对于 dist路径的。
如果 hash 用上面的配置方法在本地点击index.html 是可以打开的。配置如下：
结果如下：刷新页面不会丢失
不需要在本地打开，并且想使用路由模式为history
官方提到了，如果使用history模式，必须要后端来配合一起。 vue路由模式官网
所以我也使用nginx来配置。配置文件如下：
结果如下： 刷新页面不会报404
