前端应用发布到nodejs server后浏览器刷新404问题_nodejs404

作者：小惠珠哦 | 2024-08-16 00:52:07

踩

nodejs404

现象：Angular、Vue和React项目SPA应用如果路由模式为history，部署到服务器后，点击浏览器刷新按钮会出现404。

原因：当路由模式为history的时候，服务器端会根据浏览器中的请求地址去匹配资源，此时服务器端没有对应的接口地址，因此返回404.
解决办法：使用connect-history-api-fallback中间件

安装connect-history-api-fallback中间件

npm install --save connect-history-api-fallback

在app.js文件中增加以下代码

const history = require('connect-history-api-fallback')
app.use('/', history());

重新启动服务

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/985871