这就是跨域吧（个人理解）

跨域说明

我们知道浏览器有一个同源策略，那什么是同源策略，就是我们发请求的时候，请求的url的协议、域名、端口这三个只要其中一个不一样，那么就会产生跨域，我们就无法访问到，例如我们本地的开发环境一般是localhost:8080//xxxx，但是我们的服务器地址呢，一般是192.168.3.22：8066这种，你看，域名不一样，端口也不一样，所以这就违背了浏览器的同源策略，也就是产生了跨域。

回到你说的例子，前端我们怎么解决跨域的问题呢，vue为我们提供了一种方式，那就是正向代理，那什么是正向代理，正向代理就是相当于一个中间商在我和服务器之间，当我发请求的时候，我不给服务器发请求，我去向中间商发请求，中间商其实就是一个同源的虚拟服务器，帮我把请求转发给服务器，这样就可以解决我直接请求服务器地址出现跨域的问题了。

那怎么设置正向代理呢？我们在vue.config.js文件里有一个配置项叫做devServer:{},我们在这里的proxy配置项里写我们的代理服务器，如下所示：

devServer:{
	proxy: {
		'/uploadServer': {
			timeout: 100000,
			target: 'http://192.168.3.22:8066/',
			changeOrigin: true,
			pathRewrite: {
				['^/uploadServer']: ''
			}
		}
	}
}
1
2
3
4
5
6
7
8
9
10
11
12

解释一下，当我们发起的请求是以**/uploadServer开头的时候，我们的代理服务器就检测到了，对上了，它就会找pathRewrite，来重写这个请求路径，把/uploadServer重写成了空字符串，这样的话，我们一开始的请求是/uploadServer/manage/file/download就变成了http://192.168.3.22:8066/manage/file/download**，这样的话协议、域名、端口都一样了，就不会有跨域情况的发生了。

那还有一个问题，为什么我们在发请求的时候直接写上地址例如，http://192.168.3.22:8066/manage/file/download就不行呢，那就是因为浏览器的同源策略，我们本地环境发起的都是从localhost:8080或者某个端口开始，域名不一样吧，端口也不一样吧，所以就跨域了，所以我们就得需要刚才说的代理服务器做一个中间人，帮我们牵线搭桥。