node.js - Problèmes liés à la configuration inter-domaines CORS dans nginx

Question

J'ai récemment travaillé sur un projet vue et je voulais le mettre sur mon propre serveur cloud. Le système serveur est centos 7. Cependant, après avoir passé le projet packagé via le proxy nginx, j'ai trouvé ce cross-. les demandes de domaine ne peuvent pas être faites, donc Divers Google et Baidu comment configurer les cors multi-domaines dans nginx, j'ai essayé beaucoup de codes, mais en vain, j'espère que quelqu'un pourra m'aider à y jeter un œil.

nginx.conf est configuré comme suit :

server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  maxutian.cn www.maxutian.cn;
        root         /root/hexo/public;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
    }

        error_page 404 /404.html;
            location = /40x.html {
        }

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

    server {
        listen       80;
        server_name  music.maxutian.cn;
        root         /root/dist;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;
    
    
        location / {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
    }
        error_page 404 /404.html;
            location = /40x.html {
        }

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

Comme il y a plus d'un projet vue sur le serveur, un nom de domaine de deuxième niveau est créé et deux serveurs sont écrits. Le premier serveur est mon blog et le deuxième serveur est le projet vue. Y a-t-il un problème avec ma configuration ?

Answer 1

L'affiche doit d'abord comprendre ce qu'est CORS. Il est recommandé de lire d'abord l'article suivant

.

Contrôle d'accès HTTP (CORS)

Answer 2

Reportez-vous à la chronique Zhihu que j'ai écrite :

https://zhuanlan.zhihu.com/p/...

Emphasis - add_header doit toujours ajouter :

add_header Access-Control-Allow-Origin * always;

Answer 3

Vous pouvez utiliser le transfert de proxy nginx pour réaliser des opérations inter-domaines

server {
    listen  80;
    server_name 127.0.0.1;

    location ~ /api/ {
        proxy_pass  http://127.0.0.1:8081;
        proxy_set_header Host $host:80;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

Transférer la requête http://127.0.0.1/api/ vers http://127.0.0.1:8081