koa后端允许跨域

yusirxiaer

已于 2022-02-07 22:40:57 修改

阅读量771

点赞数 1

分类专栏： NodeJS 文章标签：后端前端 vue.js

于 2022-02-07 22:38:07 首次发布

本文链接：https://blog.csdn.net/yusirxiaer/article/details/122815854

版权

NodeJS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

举个例子

<!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-cors
 npm i koa2-cors

项目app.js中添加

// 引入koa2-cors中间件
const cors = require("koa2-cors");
// 这里cors中间件一定要写在路由之前
app.use(cors());

app.use(router.routes(), router.allowedMethods())

OK ,解决跨域

yusirxiaer

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录