如果直接访问谷歌，是访问不了的，因为跨域及墙的问题

那我们要访问谷歌，需要挂VPN到外网，通过VPN服务器将谷歌的数据作为中间人传给我们

客户端 -> VPN服务器 -> 国外服务器

这也是一个跨域的现实例子

最常用的就是ajax跨域

其次通常我们会使用node开服务去做跨域请求

学习代理模式的同时，也学一下如何用node去搭建服务器

1. node的安装不说了
2. 在项目目录打开cmd 随后npm i express
3. 书写app.js

//引入express
var express = require("express");

//初始化
var app = new express();

//get访问路径时，执行对应函数
app.get("/goJhou",function(req,res){
    //req代表浏览器发送给服务器所有参数。get携带的参数。
    //res代表服务器返回的内容

    res.send("Hello World");

});

app.listen(666);

4. 然后使用node跑起这个app cmd中输入 node app
5. 浏览器访问localhost:666/goJhou 随后浏览器显示Hello World

这时候，一个服务器就做完了，开放了一个接口

我们尝试去用ajax获取他

    
    代理模式
    

运行发现，控制台提示跨域了，跨端口也会有这种情况。

这时候就会要用到代理模式

ps: 只有后台可以解决跨域问题，前端是无法解决的。哪怕你所谓的ajax的jsonp模式，也需要后台接口支持

jsonp的处理机制这里就不多说了，可以自行百度一下

将app.js修改一下，然后重新监听

//引入express
var express = require("express");

//初始化
var app = new express();

//get访问路径时，执行对应函数
app.get("/goJhou",function(req,res){
    //req代表浏览器发送给服务器所有参数。get携带的参数。
    //res代表服务器返回的内容

    // res.send("Hello World");

    //查看get各参数
    console.log(req.query);

    var callback=req.query.callback;
    var data = {name: "goJhou",age: 22};


    //原生版本
    res.send( callback + "(" + JSON.stringify(data)+")" );

    //直接jsonp版本 只能二选一
    // res.jsonp(data);
});

app.listen(666);

就可以成功跨端口代理访问啦

再深入下去就可以研究反向代理啦 例如nginx，axios等，可自定义host，header等进行请求，已骗过验证服务器来跨域获取一些对请求客户端有所要求的接口