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;
    }
}

在该配置中：

• / 路径指向你的前端项目根目录。
• /api/ 路径代理请求到你的后端接口地址。
• 跨域设置和代理头已正确配置。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注米云公众号，一起学习编程~

Win11文件夹怎么设置密码 Win11文件夹加密教程