跨域资源共享（CORS）简单了解

num_killer

已于 2025-02-06 16:59:04 修改

阅读量279

点赞数 6

分类专栏：蒟蒻的学习笔记文章标签：网络协议

于 2025-02-06 16:56:16 首次发布

本文链接：https://blog.youkuaiyun.com/num_killer/article/details/145477943

版权

跨域资源共享（CORS）

跨源资源共享（CORS，或通俗地译为跨域资源共享）是一种基于 HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其他源（域、协议或端口），使得浏览器允许这些源访问加载自己的资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的“预检”请求。在预检中，浏览器发送的头中标示有 HTTP 方法和真实请求中会用到的头。

一般情况下，因为XMLHttpRequest 和 Fetch API 遵循同源策略。所以使用这些 API 的 Web 应用程序只能从加载应用程序的同一个域请求 HTTP 资源，除非响应报文包含了正确 CORS 响应头。

举个例子：

//前端发送响应
const handleSubmit = async () => {
   
  try {
   
    const response = await fetch('http://localhost:8088/api/login', {
   
      method: 'POST',
      headers