Koa2 、3 跨域請求
Haisen's 需求分析 (localhost:8080 = 前端 【請求】 localhost:8081 = 服務器 )
1.一個前台 一個服務器 前台向服務器請求數據
2.請求的過程當中 異步 ajax 禁止跨域請求
3.下面讓我所學到的 知識 解決一下
(先前在 jquery Ajax 跨域請求中提到 跨域在 服務器端進行設置 允許跨域請求 )
所以,基礎不變。
在Koa創建了 服務器后
const Koa = require('Koa'); const Router = require('Koa-router'); let server = new 服務器(); let router = new 路由(); server.listen(監聽端口); // 防止異常出現 server.use(async(ctx,next=>{ await ctx.set('Access-Control-Allow-Origin','*'); //允許通過所有的 await next(); }));
↑以上代碼 跨域成功 //這個代碼呢只需要 寫在 服務器選擇路由器的最外層 至於這個路由跟二層路由里面的數據 交互 是服務器后台跟后台交互的,跟跨域沒有關系 所以只要寫最外層就OK
server.get('/',ctx=>{ ctx.body=['新聞','財經','體育','電競']; }); server.use(router.routes());