zoukankan      html  css  js  c++  java
  • nodejs( koa2 )配置 browserHistory

    前言

    既然能搜到并且还点进来看这篇文章,
    那么肯定是知道后台为什么要配置 browserHistory,
    也肯定知道为什么非要去用相对来说更麻烦的吧browserHistory,
    而不用更简单点的不需要后台配置的 hashHistory ,
    以及 browserHistory 和 hashHistory 的区别。
    好吧,如果不知道,可以去搜一下,
    很多很多。这里不多做说明,
    废话不多说, 直接上代码!

    正文

    我是用脚手架 koa-generator 生成的 koa2项目。前端是用 react + antd 做的,路由是用的 browserHistory。

    1、 首先我们需要下载一个依赖 connect-history-api-fallback

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

    2、 在根目录app.js中引入依赖。

    const connectHistory = require('connect-history-api-fallback');
    
    app.use(() => {
        const middleware = connectHistory();
        const noop = ()  => {
        
        };
      
        return async (ctx, next)=> {
            middleware(ctx, null, noop);
            await next();
        };
    });
    

    PS: 这里其实是写了一个中间件,
    这里的代码一定要放在使用其他中间件之前,
    如果不知道位置, 那么你就放在其他app.use() 之前 。
    connectHistory 也可以传入配置,
    比如在控制台显示转发的日志 connectHistory({verbose: true}) 具体可以查官网看。

  • 相关阅读:
    pktgen使用指南
    常见的网卡调优
    网络PPS测试
    网络性能测试工具qperf
    设置虚拟机静态IP
    superset填坑
    js格式化
    《你不知道的JavaScript》读书笔记(一):JS是如何查找变量的
    技术分享PPT整理(三):网页渲染流程
    技术分享PPT整理(二):C#常用类型与数据结构
  • 原文地址:https://www.cnblogs.com/HoChine/p/9489584.html
Copyright © 2011-2022 走看看