Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

【中间件】允许跨域

  • 安装

    npm i -S @koa/cors
    
  • 使用写法

    import cors from "@koa/cors";
    
    app.use(cors());
    
  • 注意!!!

    • 这个中间件,最好要在 最前面 插入
  • 检查是否有效

    • 找一个网站,比如CSDN,打开控制台,执行如下代码
      var xhr = new XMLHttpRequest();
      xhr.open('POST', 'http://localhost:8060/api/v1/login');
      xhr.send(null);
      xhr.onload = function(e) {
          var xhr = e.target;
          console.log(xhr.responseText);
      }
      
      • 如果成功,会直接返回token,可以跨域访问
      • 失败的话会提示红字,显示服务器没有填完允许跨域的header,浏览器直接拒绝执行
        Access to XMLHttpRequest at 
        'http://localhost:8060/api_v1/login' 
        from origin 'https://blog.csdn.net' 
        has been blocked by CORS policy: 
        No 'Access-Control-Allow-Origin' header 
        is present on the requested resource.