我正在使用 Vue-CLI 创建 Vue 应用程序。我不喜欢的一种行为是任何不存在的 URL（例如，localhost:8080/nonexistent/file.html) 得到服务，代码为 200，就好像它是根一样：localhost:8080.
这有时会使调试 XHR 请求变得非常混乱。
如何让它返回 404 代码？
您正在观察的功能实际上来自webpack-dev-server's historyApiFallback https://webpack.js.org/configuration/dev-server/#devserver-historyapifallback，其响应为index.html用于未解析的 URL（适用于具有客户端路由的 SPA）。在 Vue CLI 项目中默认启用此功能，但您可以使用 Vue CLI 禁用它devServer config https://cli.vuejs.org/config/#devserver:
-
Create vue.config.js（如果尚不存在）包含以下内容：
module.exports = {
devServer: {
historyApiFallback: false
}
}
重新启动您的开发服务器（npm run serve).
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
