How to fix CORS on Vue.js and Nginx

I have an vue application this is my nginx conf

server {

    listen 80;
    root root_path;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE';
    add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

    index index.html index.htm index.php;

    charset utf-8;

    location / {
         try_files $uri $uri/ /index.html?$query_string;

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;

    location ~ /\.(?!well-known).* {
        deny all;

I tried to send curl from terminal

root@lemp-ubuntu-s-1vcpu-1gb-nyc3-01:/etc/nginx/sites-available# curl -I -H “Origin:” -X GET “” HTTP/1.1 200 OK Server: Microsoft-IIS/10.0 Access-Control-Allow-Origin: Access-Control-Allow-Credentials: true Access-Control-Expose-Headers: X-Connection,X-FileName,Content-Disposition X-Powered-By: ASP.NET Date: Mon, 22 Mar 2021 13:49:57 GMT Content-Length: 110

But when i send the ajax to server i get CORS

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer