面试题 前端跨域问题

跨域资源共享：cross-origin Resource sharing，CORS

浏览器的保护机制，只允许浏览器请求同一域名下的服务

同一域名：浏览器的同源政策，相同协议，域名，端口

解决跨域问题：前端，后端，服务器

方法一：

jsonp

方法二：

后端

配置后端响应response

配置后端响应头： Access-Control-Allow-Origin：“*” 允许所有请求（或者指定域名）

方法三：

前端

配置代理中专请求，因为跨域是浏览器的保护机制，如果脱离了浏览器的保护机制，如果脱离了浏览器发送请求，它就不会受到跨域保护机制的影响，所以我们可以使用一个中转服务器来发送请求和接受响应，前端只需要请求这个中转服务器，并保持和中转服务器的URL一致就可以了。一般的前端脚手架都支持配置代理，例如vite等。

方法四：

服务器

开发服务器不支持代理的情况下，我们可以自己手动创建一个中转服务器来代理请求。我们可以使用express来创建一个服务器，负责发送前端页面并代理请求。

妈呀需要实操