vue配置代理
- 一.介绍
- 二.方法一
- 三.方法二
一.介绍
跨域问题是指协议,主机,端口有一个以上不同
解决方法:
1,cors(最标准)
2,jsonp(script src)(比较巧妙)
3,代理服务器(最常用)
(1) nginx比较难需要对后端比较熟悉,一般用第二种
(2)vue-cli
流程:
端口为8080的主机要向端口为5000的主机发送请求
需要一个端口为8080的代理服务器(图上粉色)
8080的主机向8080的代理服务器发送请求(没有跨域问题)
端口为8080的代理服务器把请求发送给端口为5000的服务器(服务器与服务器打交道,不需要用axios)
接下来介绍vue-cli的两种用法
二.方法一
此时代理服务器的端口是8080,proxy中写代理服务器要发送请求的
服务器
get请求中写要请求的代理服务器及要向服务器请求的数据
1.若要向服务器请求的数据即students存在(即public目录下有)则不会向服务器发送请求,会优先匹配当前数据
2.这个方法只能有一个代理
三.方法二
前缀加在端口号后面
target中写代理服务器要发送请求的服务器
changeOrigin为true时撒谎,为false不撒谎,默认为true
若不写pathRewrite:{‘^/atguigu’:’ '}
请求的资源是atguigu/students