【发布时间】：2019-05-17 02:32:20
【问题描述】：
所以我这几天一直在拔头发。我有一个后端服务器，使用带有 Rest API 的 Spring-boot
这个服务器是使用 AngularJS 从前端接口调用的，也由 Nginx 处理。
一切都在本地运行。每当我尝试从前端向后端发出请求时，都会收到以下错误：
我知道你的想法：简单，只需添加 add_header 'Access-Control-Allow-Origin' 'http://[MY_IP]';到后端的 nginx.conf 文件，一切都会正常工作，比如here。或here。
但事实并非如此。我尝试了一切，将其移动到不同的位置，放置“*”而不是地址，启用和禁用 SSL……唯一有效的是当我在浏览器中手动禁用跨域限制时。最好的部分是，当我禁用这些限制时，我可以在浏览器的调试控制台中看到 Access-Control-Allow-Origin 标头设置为 http://[MY_IP]！
知道可能出了什么问题吗？
这是我的nginx.conf 文件：
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
# Load dynamic modules. See /usr/share/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;
events {
worker_connections 1024;
}
http {
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
access_log /var/log/nginx/access.log main;
sendfile on;
tcp_nopush on;
tcp_nodelay on;
keepalive_timeout 65;
types_hash_max_size 2048;
include /etc/nginx/mime.types;
default_type application/octet-stream;
# Load modular configuration files from the /etc/nginx/conf.d directory.
# See http://nginx.org/en/docs/ngx_core_module.html#include
# for more information.
include /etc/nginx/conf.d/*.conf;
include /etc/nginx/sites-enabled/*;
}
这是我的/etc/nginx/sites-enabled/default.conf 文件：
upstream backend_api {
server 10.34.18.2:8080;
}
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
root /var/www/html/;
index index.html;
client_max_body_size 5M;
location /todos {
access_log /var/log/nginx/todos.backend.access.log;
error_log /var/log/nginx/todos.backend.error.log;
proxy_set_header HOST $host;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://backend_api;
}
location / {
access_log /var/log/nginx/todos.frontend.access.log;
error_log /var/log/nginx/todos.frontend.error.log;
try_files $uri $uri/ =404;
}
}
我创建了一个符号链接：
ln -s /etc/nginx/sites-available/default /etc/nginx/sites-enabled/
【问题讨论】：
-
您是否尝试将请求代码中的 URL 更改为
http://10.34.18.2:8080/docs/（带有斜杠）？问题是，i.stack.imgur.com/eFKpE.png 屏幕截图没有显示任何错误——相反，该屏幕截图仅显示成功向http://10.34.18.2:8080/docs发出请求，并且服务器响应（非错误）302 重定向到http://10.34.18.2:8080/docs/。所以服务器基本上只是说，“你忘记在请求 URL 中添加尾部斜杠。”。如果在 devtools 控制台中记录了其他错误，请将其添加到问题中。 -
如果您的代码向其发出请求的 API 端点是 Spring Boot 服务器，您会意识到该服务器必须发回 Access-Control-Allow-Origin，对吧？因此，如果您遇到的真正问题是浏览器在 devtools 控制台中记录了“缺少 Access-Control-Allow-Origin 标头”消息，则解决方法是配置 Spring Boot 服务器以发回该标头。如果您的请求不会发送到 nginx 服务器，那么您的 nginx 配置是无关紧要的（无论如何，问题中的 nginx 配置 sn-ps 不会显示在任何地方设置的 Access-Control-Allow-Origin 标头......）
标签： angularjs spring-boot nginx cors