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', 數據)

後面改進還須要把接口都封裝起來，一次性併發請求多個