vue history模式 刷新404 koa 解决办法

  • 为什么会刷新出现404

    跳转时其实不是通过请求服务器的，而是通过js操作history的API改变地址完成的。当刷新之后浏览器去请求服务器，而服务器没有这个路由，于是就404。

  • node服务 koa框架下 解决方法

    1. 使用
      koa-connect-history-api-fallback npm地址
    2. 安装
    npm i koa-connect-history-api-fallback --save
    1. 使用方法
    // 在node 服务文件 app.js 中引入 koa-connect-history-api-fallback
// 注意： 该引用须在 const serve = require('koa-static'); 前
const history = require('koa-connect-history-api-fallback');
app.use(history());

  • 注意事项

    1. 插件默认会将所有的请求都指向到index.html，这样可能就会导致项目内其他路由也被指向到index.html，导致接口报错。
      解决方法：使用koa2-connect-history-api-fallback npm地址 该插件增加了请求白名单。
    2. 使用方法
    // npm 安装该插件 
// npm i koa2-connect-history-api-fallback --save
const { historyApiFallback } = require('koa2-connect-history-api-fallback');
app.use(historyApiFallback({ whiteList: ['/api'] }));
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容