通过使用Vue-CLI创建的应用程序提供404页面

Question

我正在使用Vue-CLI创建Vue应用程序。 我不喜欢的一个行为是，任何不存在的URL（例如， localhost:8080/nonexistent/file.html ）被提供，代码为200，就像它是root： localhost:8080 。

这使得调试XHR请求有时会非常混乱。

如何让它返回404代码？

Answer 1

你观察到的功能实际上是从webpack-dev-server的historyApiFallback ，这与响应index.html未解决的URL（用于水疗与客户端的路由）。 这在Vue CLI项目中默认启用，但您可以使用Vue CLI devServer配置禁用它：

1. 使用以下内容创建vue.config.js （如果它不存在）：

    module.exports = { devServer: { historyApiFallback: false } } 

2. 重新启动您的开发服务器（ npm run serve ）。