如何使用 Vue-router 更改状态码？

Posted 2023-02-22

【中文标题】如何使用 Vue-router 更改状态码？

【英文标题】：How do I change status Code with Vue-router?

【发布时间】：2020-09-21 22:13:40

【问题描述】：

使用 Vue-router 处理错误似乎很容易，除非您查看响应代码。如下所示，404 页面显示状态代码 304，而不是“未找到”页面的 404。

image

我查看了多个线程，但似乎没有一个帖子暗示这种情况。这应该用像 nginx 这样的网络服务器来处理吗？如果是这样，那么通过 API 出来的动态 URL 呢？

附言。我正在使用 Vue-cli3。

【问题讨论】：

不可能将 HTTP 404 状态代码用于单页应用程序（也称为客户端路由）。一旦页面被加载（如果服务器发送 404 错误，它肯定不会加载）并且您的应用程序正在运行 - 发送 HTTP 状态代码的时间点已经过去。

【参考方案1】：

您无法从 javascript 前端更改 HTTP 状态代码。您必须让这些 HTTP 调用通过服务器或重定向到专用的 404 页面。