天天看点

vue.config.js配置代理处理跨域

vue.config.js 是一个可选的配置文件,如果项目的(和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。

代理的配置很多,差不多都是这样

然后在main.js中配置如下

引入axios之后,axios是无法被其他组件使用的,这时候要将 axios 改写为 Vue 的原型属性,也就是Vue.prototype.$http

axios.defaults.baseURL的值要配置成代理的值

然后就可以在组件中访问接口了

后面改进还需要把接口都封装起来,一次性并发请求多个