vue 部署之后二次刷新页面报404 解决方案

734 阅读1分钟

vue 部署之后,页面第一次可以正常显示,但是刷新页面之后就变成了404错误。

原因:

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。

解决方案:

官方已经给除了解决方案,如果你是 nginx 配置,可以修改配置

location / {
  try_files $uri $uri/ /index.html;
}

其他的你可以看官方给出的方案:

router.vuejs.org/zh/guide/es…