配置nginx反向代理服务器，解决浏览器跨域调用接口的限制问题

最新推荐文章于 2025-06-23 09:34:13 发布

天涯苍狗

最新推荐文章于 2025-06-23 09:34:13 发布

阅读量8.7k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签：代理服务器 nginx 跨域

本文链接：https://blog.youkuaiyun.com/u011135260/article/details/55504506

在现代开发模式中，前后端完全分离，前后端为两个不同的项目，在项目发布之后才将前后端项目合并，或者不合并，后端仅仅是一个apiserver,提供一套接口供移动端和web端调用。但是由于浏览器的安全策略的限制，ajax不能调用不同源的接口或者资源。虽然跨域的解决方案有很多种，但是最直接，不需要修改代码的方法是使用nginx反向代理，其配置如下：
在nginx的nginx.conf 文件的http配置块里加上下面配置

server {
        listen 8090;
        server_name myServer;
        charset utf-8;
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Headers Origin,X-Requested-Width,Content-Type,Accept;

        lo