http 对 ec2 aws 服务器的请求不工作

Question

我在 AWS 上有一个 EC2 实例，我已经在上面部署了 MERN 堆栈，我定义了 nginx 如下：

server {
    #listen       80;
    listen 80 default_server;
    listen [::]:80 default_server;
    server_name  yourdomain.com;

    access_log /home/ubuntu/client/server_logs/host.access.log main;
    client_max_body_size 10M;
    location /api/ {
        add_header X-debug-message innnnnnnnnnnnnn;
    proxy_pass http://localhost:3000/;
    }

    location /admin-dashboard {
        root /home/ubuntu;
        index index.html;
        add_header X-uri "$uri";
        add_header X-Frame-Options SAMEORIGIN;
        add_header X-Content-Type-Options nosniff;
        add_header X-XSS-Protection "1; mode=block";
        add_header Strict-Transport-Security "max-age=31536000; includeSubdomains;";
    } 

    location / {
        root /home/ubuntu/client/deploy;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
        add_header X-uri "$uri";
        add_header X-Frame-Options SAMEORIGIN;
        add_header X-Content-Type-Options nosniff;
        add_header X-XSS-Protection "1; mode=block";
        add_header Strict-Transport-Security "max-age=31536000; includeSubdomains;";
    }
  
 
 
    location = /49x.html {
        root   /usr/share/nginx/html;
    }

    server_tokens off;

    location ~ /\.ht {
        deny  all;
    }

}

我已将安全组作为屏幕截图附上。 当我尝试使用浏览器或 postman 使用此 url http://clikjo.com/api/获取数据时，它运行良好，但是当我尝试使用 javascript 和获取或 Axios 时，它失败并出现此错误：[TypeError: Network request失败的]

谁能解决我的问题？

我试过：

• 更改我的安全组
• 添加标头、指定模式、获取选项等

Answer 1

如果您使用 HTTPS 在浏览器中加载页面，浏览器将拒绝加载超过 HTTP 的任何资源。如您所试，将 API URL 更改为具有 HTTPS 而不是 HTTP 通常可以解决此问题但是，您的 API 不得允许 HTTPS 连接。 因此，您必须在主页上强制使用 HTTP 或请求他们允许 HTTPS 连接。

请注意：如果您 go 到 API URL 而不是尝试使用 AJAX 加载它，请求仍然有效。这是因为浏览器没有从安全页面中加载资源，而是加载不安全的页面并且它正在接受那。 但是，为了使其通过 AJAX 可用，协议应该匹配。

您收到 CORS 错误。 您需要使用额外的 header 在服务器端修复它。

add_header Access-Control-Allow-Origin *;