Nginx 指定域名跨域请求宝塔配置

什么是跨域
假设我们页面或者应用已在 http://www.test1.com 上了，而我们打算从 http://www.test2.com 请求提取数据。一般情况下，如果我们直接使用 AJAX 来请求将会失败，浏览器也会返回“源不匹配”的错误，"跨域"也就以此由来。跨域的出现主要原因还是安全的限制(同源策略，也就是JavaScript或者Cookie只能够访问同域下的内容)，因此在日常的项目开发中会不可避免的出现跨域操作。
和打多数跨域的解决方案一样，JSONP是大多数前端同事的选择，但是JSONP只支持GET请求。但是如果项目功能需要改成支持POST请求,那么因为这种情况下传输的数据量较大，GET形式是搞不定的。此时JSONP并不是一个很好的选择。此时就需要使用CORS(跨域资源共享，Cross-Origin Resource Sharing).

其实百度了很多方法:

1.在后端添加跨域代码(废弃,可能后端不能改,或者访问的是服务器文件)

2.使用jsonp(废弃,jsonp,需要传输callback,还需要返回)

3.修改nginx配置文件,允许所有,允许指定域名(可以使用)

#允许指定域名
add_header Access-Control-Allow-Origin http://q.wtt.fun;
#允许所有访问
add_header Access-Control-Allow-Origin *;

server
{
    listen 80;
    server_name cc.byiran.cn;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/test;
    
    #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END
    
    #ERROR-PAGE-START  错误页配置，可以注释、删除或修改
    error_page 404 /404.html;
    error_page 502 /502.html;
    #ERROR-PAGE-END
    
    #PHP-INFO-START  PHP引用配置，可以注释或修改
    include enable-php-72.conf;
    #PHP-INFO-END
    
    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/cc.byiran.cn.conf;
    #REWRITE-END
    
    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
    {
        return 404;
    }
    
    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }
    
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log off;
        access_log off;
    }
    
    location ~ .*\.(js|css)?$
    {
        expires      12h;
        error_log off;
        access_log off; 
    }
    add_header Access-Control-Allow-Origin *; 宝塔配置添加在这里
    access_log  /www/wwwlogs/cc.byiran.cn.log;
    error_log  /www/wwwlogs/cc.byiran.cn.error.log;
}