【中间件】允许跨域
-
安装
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.
- 找一个网站,比如CSDN,打开控制台,执行如下代码