宝塔面板 Nginx环境 3条命令解决跨域访问错误

2023-03-18 分类：Linux / Windows 阅读(1344) 评论(0)

很多同学建站时会遇到跨域访问的问题，网上各路大神都出过相关教程，云站友看来有些人的答案反而把问题复杂化了，不够清晰明了。所以云站友来分享个简单明了的教程！因大部分站长都会选用宝塔面板搭建网站环境，所以本教程适用于宝塔面板Nginx 环境使用，首先来看报错，如图

has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

这样的报错已经指明了，就是跨域造成的！解决方法如下：

一、添加允许跨域到站点配置文件中。

（这里需要注意添加的位置，需要添加在server_name下面）

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET,POST';
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';

如图：