1.什么是跨越
跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。
例如:A网站部署在:http://localhost:81 即本地ip端口81上;B网站部署在:http://localhost:82 即本地ip端口82上。现在A网站的页面想去访问B网站的信息,即为跨越访问。在前后端部署在不同端口上比较常见。
2.方式一:配置option请求
location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'; # 如果有自定义head,需要添加在此处
if ($request_method = 'OPTIONS') {
return 204;
}
}
配置option请求后,会发现浏览器请求信息里有两条请求。因为当跨域获取资源时,浏览会出于安全的考虑会先使用OPTIONS做请求,看能否正常返回,通过返回204允许后续请求。
3.方式二:配置在同一个端口
后端可以和前端部署在同一个端口,比如后端就添加一个/api目录。通过/api请求方式访问。