-
为什么会刷新出现404
跳转时其实不是通过请求服务器的,而是通过js操作history的API改变地址完成的。当刷新之后浏览器去请求服务器,而服务器没有这个路由,于是就404。 -
node服务 koa框架下 解决方法
- 使用
koa-connect-history-api-fallback
npm地址 - 安装
npm i koa-connect-history-api-fallback --save
- 使用方法
// 在node 服务文件 app.js 中引入 koa-connect-history-api-fallback // 注意: 该引用须在 const serve = require('koa-static'); 前 const history = require('koa-connect-history-api-fallback'); app.use(history());
- 使用
-
注意事项
- 插件默认会将所有的请求都指向到index.html,这样可能就会导致项目内其他路由也被指向到index.html,导致接口报错。
解决方法:使用koa2-connect-history-api-fallback
npm地址 该插件增加了请求白名单。 - 使用方法
// npm 安装该插件 // npm i koa2-connect-history-api-fallback --save const { historyApiFallback } = require('koa2-connect-history-api-fallback'); app.use(historyApiFallback({ whiteList: ['/api'] }));
- 插件默认会将所有的请求都指向到index.html,这样可能就会导致项目内其他路由也被指向到index.html,导致接口报错。
vue history模式 刷新404 koa 解决办法
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 之前用Vue2+webpack+express构建单页应用,发现node端不能用es6的语法,为了前后端都用上es...
- 1.简书 koa是由Express原班人马打造,致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编...
- 用vue-cli开发的项目在开发完打包之后想在本地预览要怎么做呢?这里要根据你的路由模式来分两种情况 1. his...