Политика CORS заблокирована на Angular / NGINX

Question

У меня есть запрос от моего сервера (Angular обслуживается NGINX), который определяет местонахождение ближайших школ, больниц и транспорта по заданному длинному и латинскому.

При выполнении запроса я получаю ошибку заголовка CORS насервер (см. ниже):

Доступ к XMLHttpRequest в «https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=long,lat&radius=500&type=school&keyword=&key=APIKey' из источника» https://domainname.co.uk' заблокирован политикой CORS: Нет «Access-Control-Allow»Заголовок -Origin 'присутствует на запрашиваемом ресурсе

Сайт размещен на NGINX (контейнер Docker), и я изменил файл conf следующим образом:

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    server {
        listen 80;
        server_name  localhost;

        root   /usr/share/nginx/html;
        index  index.html index.htm;
        include /etc/nginx/mime.types;

        gzip on;
        gzip_min_length 1000;
        gzip_proxied expired no-cache no-store private auth;
        gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;

        location / {
            add_header Access-Control-Allow-Origin *;
            try_files $uri $uri/ /index.html;

        }
    }
}

КакНасколько я понимаю, строка add_header должна разрешать Access-Control-Allow-Origin, но я все еще получаю вышеупомянутую ошибку.

Любая помощь приветствуется.

Answer 1

Мне удалось решить эту проблему, на случай, если кто-нибудь снова столкнется с этой проблемой, ответ будет использовать библиотеку на стороне клиента (вместо серверной).Смотрите здесь: XMLHttpRequest не может загрузить Нет заголовка «Access-Control-Allow-Origin» на запрошенном ресурсе.Происхождение 'http://localhost:3000& # 39;Google maps