koa2-cors 应用

最新推荐文章于 2024-11-20 10:37:32 发布

qq_38694034

最新推荐文章于 2024-11-20 10:37:32 发布

阅读量344

点赞数

分类专栏： Node开发 koa2-cors 文章标签： nodejs koa2-cors

本文链接：https://blog.youkuaiyun.com/qq_38694034/article/details/105294566

版权

Node开发同时被 2 个专栏收录

12 篇文章

订阅专栏

koa2-cors

1 篇文章

订阅专栏

本文介绍了如何在Koa2中应用`koa2-cors`中间件来设置允许跨域。通过一个实际案例展示后台代码配置，并提到了前端访问链接及其成功返回结果的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

koa2-cors 应用：

用于设置允许跨域

案例：

后台代码

const Koa = require('koa');
const Cors = require('koa2-cors');
const App = new Koa()

App.use(Cors());

App.use((ctx)=>{
    if(ctx.url == '/'){
        ctx.body = "home"
    }
});

App.listen(3000,function () {
    console.log('quick start at port 3000')
})

前端链接：http://localhost:63342/test2.html 及代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试renderApi</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<a href="test.html">test</a>
<script>
    window.onload = function () {
        axios({
            method: 'get',
            url: 'http://localhost:3000/',
        }).then(res=>{
            console.log(res)
        }).catch(err=>{
            console.log(err)
        })
    }
    
</script>
</body>
</html>

当我们访问http://localhost:63342/test2.html 后请求成功返回结果