nginx实现跨域访问(案例cookie实现跨域,)多方案实现

那么问题就是解决跨域问题了  

跨域  要解决这个问题很简单，

只要使页面的前缀和接口的前缀一致就可以了，因此可以使用nginx进行反向代理。打开nginx目录下的conf文件夹，在nginx.conf文件的配置如下:

1.修改nginx.config配置:

#默认监听80端口，ip后面不加端口号默认就是80
        listen       80;
        #服务器地址
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        #项目根目录，一般就是启动页
        location / {
            #项目所在目录
            root   C:UsersshengmengqiWebstormProjectsangularJsFrame;
            #假设across-domain.html的首页，如果之后页面中跳转也是基于http://localhost/跳转
            index  across-domain.html;
        }
        #作用：访问的http://localhost:80/demo2/相当于一个代理url，实际访问的是http://localhost:8082/demo2/;
        location /demo2/{
            proxy_pass http://localhost:8082/demo2/;
        }

2.修改ajax中的请求url

 $(function(){
        $.ajax({
            url: "http://localhost/demo2/login",
            type: "POST",
            contentType: "application/json",
            data: JSON.stringify({
                        "name": "tomcat",
                        password:"oracle"
                    }),
            success: function(data) {
               alert("success")
            },
        })

3.启动nginx.

将ngnix启动起来，在任务管理器中是否有nginx进程，有的话说明启动成功，如果没有，可以查看nginx目录下log文件夹中的error.log，看哪里有问题进行修改，启动成功后，在浏览器地址栏直接访问localhost，这次结果就正确了。 

ajax的请求请求其实是走了nginx代理服务器的.

是不是感觉有点像tomcat配置虚拟路径的感觉啊

还有一种解决方案(前后端分离):

案例:业务上线以后，前端页面出现了跨域问题，域名1.xxx.com 跨域访问 2.xxx.com/login/的url，浏览器页面产生问题

   在2.xxx.com的nginx配置项中，添加如下请求头