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访问到;

**

配置代理方法II

**

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