cors跨域设置

最新推荐文章于 2024-08-28 08:49:24 发布

weixin_45368324

最新推荐文章于 2024-08-28 08:49:24 发布

阅读量3.6k

点赞数

分类专栏： Node.js 文章标签： node.js

本文链接：https://blog.csdn.net/weixin_45368324/article/details/105494901

版权

本文介绍了CORS跨域资源共享的原理和解决跨域问题的方法，包括简单请求和预检请求。详细讲解了Access-Control-Allow-*相关字段的含义，并提到了axios后端代理以及如何利用Koa的koa-server-http-proxy中间件进行代理设置，以规避浏览器的同源策略限制。

摘要由CSDN通过智能技术生成

CORS跨域设置

CORS(Cross-origin resource sharing)，跨域资源共享，是一份浏览器技术的规范，用来避开浏览器的同源策略

简单来说就是解决跨域问题的除了jsonp外的另一种方法；比jsonp更加优雅。
在这里插入图片描述

    // 允许cors跨域；
    ctx.set("Access-Control-Allow-Origin", "http://localhost:3000");
    // 允许前端设置的头部信息；(请求头)
    ctx.set("Access-Control-Allow-Headers", "Content-Type, Content-Length, Authorization,test");
    // 允许前端获取的头部信息；(响应头)
    ctx.set("Access-Control-Expose-Headers", "Content-Type, Content-Length,Date")
    // 允许前端请求的方法；
    ctx.set("Access-Control-Allow-Methods", "GET,POST,PUT,DELETE,HEAD,OPTIONS");
    // 允许携带凭证：cookie
    ctx.set("Access-Control-Allow-Credentials", true);
    // 设置预检请求的缓存时间
    ctx.set("Access-Control-Max-Age", 3600 * 24);