关于开发中遇到的代理、正向代理、反向代理等概念

概念

代理：给某个对象提供一个代理对象，并由代理对象控制原对象的引用。
正向代理：代理客户端。
反向代理：代理服务器。

反向代理，其实客户端对代理是无感知的，因为客户端不需要任何配置就可以访问，我们只需要将请求发送到反向代理服务器，由反向代理服务器去选择目标服务器获取数据后，在返回给客户端，此时反向代理服务器和目标服务器对外就是一个服务器，暴露的是代理服务器地址，隐藏了真实服务器IP地址。

反向代理实现

一般用nginx，主要是负载均衡。
其次，隐藏真实服务器IP（安全性），作为静态文件服务器（速度块相比tomcat/iis等）。

// nginx.conf
// 通过nginx代理端口，原先访问的是8080端口，通过nginx代理之后，通过80端口就可以访问了。
server {
        listen       80;
        server_name  localhost;
        location / {
            root   E:\Work\project;
            index  index.html index.htm;
        }
        location /api {
            proxy_pass   http://127.0.0.1:8080;
        }
    }

// vue 反向代理
//vue-cli3.0 里面的 vue.config.js做配置
 devServer: {
    open: true,
    host: "0.0.0.0",
    port: 9200,
    https: false,
    hotOnly: false,
    proxy: {
      "/serviceApi": {  //这里最好有一个/
        target: "http://127.0.0.1:8081", // 后台接口域名
        ws:true,  //如果要代理 websockets，配置这个参数
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, //是否跨域
        pathRewrite:{
                '^/serviceApi':''
            }
      },
    },

api=’/serviceApi’
请求地址 ${api}/xxxx/xxx ，请求地址就为 ‘/serviceApi/xxxx/xxx’
当node服务器 遇到 以 ‘/serviceApi’ 开头的请求，就会把 target 字段加上，那么我的请求地址就为 http://127.0.0.1:8081/serviceApi/xxxx/xxx
下面的 pathRewrite 表示的意思是 把/serviceApi替换为空，那么我的请求地址就为 http://127.0.0.1:8081/xxxx/xxx（用在如果你的实际请求地址没有 serviceApi的情况）

参考文章

https://www.cnblogs.com/ysocean/p/9392908.html