vue + elementui + webpack4打包上线 history 和 hash的区别

需要在本地打开

在路由文件夹里面 路由模式为 hash 值， 然后 在webpack.config.js 里面的publicPath 配置为 ‘./’

关于webpack publicPath 里面的 ‘/’ 和 './'的区别

‘/’ 代表的是 绝对路径， 主要是应用于 webpack里面所有loader或者是plugin 需要路径会加上的一个 绝对路径

‘./’ 代表的是相对路径， 对于所有的打包的静态资源都是相对于 dist路径的。

如果 hash 用上面的配置方法在本地点击index.html 是可以打开的。配置如下：

结果如下：刷新页面不会丢失

不需要在本地打开，并且想使用路由模式为history

官方提到了，如果使用history模式，必须要后端来配合一起。 vue路由模式官网

所以我也使用nginx来配置。配置文件如下：

结果如下： 刷新页面不会报404