vue router history模式 线上nginx部署 刷新页面导致404

在 Vue router 中使用 history 模式时,刷新页面可能会导致 404 错误。这是因为在 history 模式下,Vue 路由器通过修改浏览器的历史记录来实现路由切换,但是当用户直接访问某个 URL 时,服务器端没有相应的处理逻辑,于是就会返回 404。

要解决这个问题,需要在 nginx 配置文件中添加如下配置:

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

上述配置将尝试查找请求的 URI 文件,如果找不到,则尝试查找以该 URI 开头的文件夹,如果还找不到则返回 index.html,使应用程序可以正确加载并处理该路由。

你可能感兴趣的:(vue.js,nginx,前端)