当前位置:首页 > 前端跨域问题,解决前端跨域的方法之使用proxy(代理)解决跨域

前端跨域问题,解决前端跨域的方法之使用proxy(代理)解决跨域

发布于 2018-08-30 阅读 746 次 Ajax

跨域的原因之前文章已经提到过https://www.w2le.com/p/23
proxy代理解决跨域,在这里解释下:
代理其实就是一个服务器,代理解决跨域就是我们发送请求的时候不直接放送给后台代码所在服务器,而是发送给我们前端代码所在服务器,这个服务器就是代理服务器,由这个代理服务器替我们发送请求。

下面用简单代码描述下,就清晰了

前端代码:
  1. var xhr = new xmlHttpRequest();
  2. var proxy_url = "http://127.0.0.1/?url=http://example.com";
  3. xhr.open('POST',proxy_url);
  4. xhr.onreadystatechange = function(){
  5. if(xhr.readyState == XMLRequest.DONE&&xhr.status==200){
  6. }
  7. }
  8. xhr.send()
服务器端代码
  1. var url = request.query.url;
  2. http.request(url,function(data){
  3. //将服务器端返回数据发送给前端
  4. })
共 1 条评论