需要在本地打开

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

关于webpack publicPath 里面的 ‘/’ 和 './'的区别
‘/’ 代表的是 绝对路径, 主要是应用于 webpack里面所有loader或者是plugin 需要路径会加上的一个 绝对路径
‘./’ 代表的是相对路径, 对于所有的打包的静态资源都是相对于 dist路径的。

如果 history 用上面的配置方法在本地点击index.html 是可以打开的。配置如下:
vue + elementui + webpack4打包上线 history 和 hash的区别
vue + elementui + webpack4打包上线 history 和 hash的区别

结果如下:刷新页面不会丢失
vue + elementui + webpack4打包上线 history 和 hash的区别

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

官方提到了,如果使用history模式,必须要后端来配合一起。 vue路由模式官网
所以我也使用nginx来配置。配置文件如下:
vue + elementui + webpack4打包上线 history 和 hash的区别

结果如下: 刷新页面不会报404
vue + elementui + webpack4打包上线 history 和 hash的区别vue + elementui + webpack4打包上线 history 和 hash的区别

相关文章:

  • 2021-07-11
  • 2022-01-21
  • 2022-12-23
  • 2022-02-02
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-25
  • 2022-12-23
相关资源
相似解决方案