11月28, 2020

Nginx允许跨域访问的配置问题

Nginx允许跨域访问的配置问题

网站项目动静分离,静态资源服务器A 业务服务器B B中静态资源由A加载 出现如下问题:

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}

字体资源无法加载

需要在nginx的配置中添加如下参数:

add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS,POST' always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Origin' $http_origin always;
    add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, X-Requested-With, Cache-Control' always;

全部配置:

server {
        listen       8080;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS,POST' always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Origin' $http_origin always;
        add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, X-Requested-With, Cache-Control' always;
        if ($request_method = OPTIONS ) { return 200; }



        location / {
           root   html;
           index  index.html index.htm;
           add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS,POST' always;
            add_header 'Access-Control-Allow-Credentials' 'true' always;
            add_header 'Access-Control-Allow-Origin' $http_origin always;
            add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, X-Requested-With, Cache-Control' always;
            if ($request_method = OPTIONS ) { return 200; }

        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

本文链接:https://587v5.com/post/Nginx-yun-xu-kua-yu-fang-wen-de-pei-zhi-wen-ti.html

Comments