當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

koa后端允许跨域

發布時間：2023/12/13 编程问答 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 koa后端允许跨域小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

舉個例子

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script></head><body><button>做請求</button><script>$("button").click(function () {$.ajax({url: "http://localhost:9000/manage",success(res) {console.log(res);},});});</script></body> </html>

該前端頁面用LiveServer 啟動?http://127.0.0.1:5500/test.html? ajax請求http://localhost:9000/manage 必然跨域

前端想跨域，可以設置proxy。如果后端允許跨域，可以如下操作：

// 安裝koa2-corsnpm i koa2-cors

項目app.js中添加

// 引入koa2-cors中間件 const cors = require("koa2-cors"); // 這里cors中間件一定要寫在路由之前 app.use(cors());app.use(router.routes(), router.allowedMethods())

OK ,解決跨域

總結

以上是生活随笔為你收集整理的koa后端允许跨域的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

后端
koa