nginx解决跨域

使用nginx实现跨域 【转载】

原文: https://www.cnblogs.com/lovesong/p/10269793.html

前言

在开发静态页面时，类似Vue的应用，我们常会调用一些接口，这些接口极可能会跨域，然后浏览器就会报cross-origin的问题，不给调。

解决办法

我们可以使用nginx做反向代理，转发请求。把跨域的接口写成调本域的接口，然后将这些接口转发到真正的请求地址

举个例子

原先:

调试页面是：http://192.168.1.100:808080
请求的接口是: http://huongsong/api/get/info

步骤一:

请求的接口是： http://192.168.1.100:8080/api/get/info

步骤二：

在nginx/conf文件中进行修改，把默认的server的配置修改一下

    server {
        listen 8888;
        server_name  192.168.1.100;

        location /{
            proxy_pass http://192.168.1.100:8080;
        }

        location /api{
            proxy_pass http://ni.hao.sao/api;
        }
    }

保存好后，启动nginx，就好了。