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

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

代理的配置不少，差很少都是这样

module.exports = {
  devServer: {
    proxy:{
      '/api':{
          target:'http://localhost:9000',
          secure:false,
          changeOrigin:true,
          pathRewrite:{
              '^/api':'/'
          }
      }
    }
  }
}

而后在main.js中配置以下

Vue.prototype.$http = axios
axios.defaults.baseURL = '/api'

引入axios以后，axios是没法被其余组件使用的，这时候要将 axios 改写为 Vue 的原型属性，也就是Vue.prototype.$http
axios.defaults.baseURL的值要配置成代理的值

而后就能够在组件中访问接口了

await this.$http.post('/user/login', 数据)

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