Web前端：vueproxy跨域代理

作者:曾经的水哥更新于： 2020-05-10 14:21:18

　　代理服务器（ProxyServer）是一种重要的服务器安全功能，它的工作主要在开放系统互联(OSI)模型的会话层，从而起到防火墙的作用。代理服务器大多被用来连接INTERNET（国际互联网）和LocalAreaNetwork（局域网）。

　　代理（英语：Proxy），也称网络代理，是一种特殊的网络服务，允许一个网络终端（一般为客户端）通过这个服务与另一个网络终端（一般为服务器）进行非直接的连接。一些网关、路由器等网络设备具备网络代理功能。一般认为代理服务有利于保障网络终端的隐私或安全，防止攻击。

　　vueproxy跨域代理

　　1.config/index.js修改proxyTable

　　proxyTable:{

　　'/api':{

　　target:'http://shuige.wicp.vip/',//目标接口域名

　　changeOrigin:true,//是否跨域

　　pathRewrite:{

　　'^/api':'/'//重写接口后台接口指向不统一所以指向所有/

　　}

　　},

　　cssSourceMap:false

　　},

　　2.请求得时候接口地址加上前缀

　　importaxiosfrom'axiOS'

　　exportdefault{

　　created(){

　　//1.代理成功

　　//http://shuige.wicp.vip/users/proxy转换成http://localhost:8080/api/users/proxy

　　axios.get('/api/users/proxy').then(res=>{///api不能少

　　console.log(res)

　　})

　　}

　　}

　　提供代理服务的电脑系统或其它类型的网络终端称为代理服务器（英文：ProxyServer）。一个完整的代理请求过程为：客户端首先与代理服务器创建连接，接着根据代理服务器所使用的代理协议，请求对目标服务器创建连接、或者获得目标服务器的指定资源（如：文件）。

　　在后一种情况中，代理服务器可能对目标服务器的资源下载至本地缓存，如果客户端所要获取的资源在代理服务器的缓存之中，则代理服务器并不会向目标服务器发送请求，而是直接返回缓存了的资源。

　　一些代理协议允许代理服务器改变客户端的原始请求、目标服务器的原始响应，以满足代理协议的需要。代理服务器的选项和设置在计算机程序中，通常包括一个“防火墙”，允许用户输入代理地址，它会遮盖他们的网络活动，可以允许绕过互联网过滤实现网络访问。