使用nginx反向代理解决跨域问题

在nginx的配置文件中配置

    server {
        listen      8082; #此处为你NGINX的访问端口
        location / {
            # 前端地址
            proxy_pass http://127.0.0.1:3000;
			proxy_redirect default;
        }
        
        location /apis { #添加访问目录为/apis的代理配置
		    #会拦截以  /apis  开头的url请求  
			rewrite  ^/apis/(.*)$ /$1 break;
			# 后端地址
			proxy_pass   http://127.0.0.1:8088;
       }
    }

这样设置后,ajax的请求URL要改写
比如说原来是这样写的

 ajax({
       url:"http://localhost:8082/apis/api/doc/mobile/news/gethome",
       type:"GET",
       async:true,
       data:{
        columnid:304,
        scope:11
       },
       success:function(data){
            return data;
       }
   })

现在要改写为

 ajax({
       url:"/apis/api/doc/mobile/news/gethome",
       type:"GET",
       async:true,
       data:{
        columnid:304,
        scope:11
       },
       success:function(data){
            return data;
       }
   })

你可能感兴趣的:(前端)