Nginx 跨域配置后返回内容错误，是怎么回事？

nginx跨域设置为何导致返回内容不正确？

您在nginx中进行跨域设置后，却发现前端请求返回的内容与预期不符。

问题原因：

您在nginx配置中设置跨域时，可能将请求指向了前端项目目录，而不是目标接口地址。

解决方法：

以下是正确的nginx配置示例：

server {
    listen 80;
    server_name localhost;
    charset utf-8;
    location / {
        root 前端路径;
        try_files $uri $uri/ /index.html;
        index index.html index.htm;
    }

    location /api/ {
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass 后端接口地址;
        client_max_body_size 50m;
    }
}

在这个配置中：

• / location用于处理前端应用程序。
• /api/ location用于代理请求到后端接口。
• proxy_pass 指令将请求转发到正确的后端接口地址。

以上就是Nginx 跨域配置后返回内容错误，是怎么回事？的详细内容，更多请关注硕下网其它相关文章！