实现跨域的几种方式

实现跨域的几种方式

1、CORS

跨域资源共享，在后端的响应头中设置Access-Control-Allow-Origin: *即可。

2、jsonp

jsonp进行跨域的原理：利用script标签进行网络请求，在本地定义好接收数据的函数，然后通过在请求url中添加参数的方式发送本地函数名，后端通过解析url参数并返回js代码，其中就可包含调用本地函数及传入数据参数的代码。

3、nginx服务器代理

在nginx服务器的默认配置文件nginx.conf中添加：

http {
	server {
    listen       8088;
    #listen			 [::]:8088;
    server_name  47.100.62.167;
    #root				 /usr/share/nginx;
    #server_name  localhost;
    #server_name  192.168.1.3;

    location / {
      root   html;
      index  index.html index.htm;
      # 解决history路由模式下导致的404错误。
      try_files $uri $uri/ /index.html;
    }

    # 为项目配置反向代理
    location /api {
      proxy_set_header X-Real-IP $remote_addr;
      # 需要代理的目标url
      proxy_pass http://111.229.37.167/api/;
      # 以下配置关闭重定向，让服务端看到用户的IP，而不是nginx服务器的IP
      proxy_redirect off;
      proxy_set_header X-Forwarded_For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
      proxy_set_header X-Real_IP $remote_addr;
      proxy_set_header X-Nginx-Proxy true;
    }
	}
}