axios 的使用,跨域解决,vue-cli 配置代理服务器, proxy配置两种方法

**

安装axios

**

1.安装:	npm i axios
2.引入: import axios from axios;
3.请求get
axios.get('访问地址').then(
	res => {
		console.log('成功的返回')
	},
	err = > {
		console.log('失败的返回')
	}
)

问题1,跨域(同源:服务名,主机名,端口号必须一致),下图两个字段代表跨域

解决办法,1.cors,不需要前端人员操作;让后端配置返回参数中的响应头;
2.jsonP 前后端一起解决跨域;
3.代理服务器 (推荐) {1.nginx;2.vue-cli}
**

配置代理方式一

**
vue-cli 配置代理服务器 ,把所有请求:5000的都改成自己的端口;
弊端:1.只能配一个代理,2.不能灵活控制走不走代理;
public下的文件,都可以通过8080访问到;

**

配置代理方式二

**

参考文档:https://cli.vuejs.org/zh/config/#devserver-proxy