vue 設置請求代理實現跨域請求

vue-cli3（cli3 文件中沒有vue.config.js ，進行額外的配置）

本地項目調后台接口，會跨域，為了解決這個問題 進行代理配置

需要新建vue.config.js 

vue.config.js 中

devServer: {
    disableHostCheck: true,//禁用主機檢查 這個屬性需要再查查用法
    proxy: { //匹配規則
      '/api': {
          //要訪問的跨域的域名
          target: 'http://172.16.8.51:8083',
          ws: true,
          secure:false, // 使用的是http協議則設置為false，https協議則設置為true
          changOrigin: true, //開啟代理
          pathRewrite: {
              '^/api': ''
          }
      }
    }
  }

　　

 

　　調用 /api 就會自動匹配到 http://172.16.8.51:8083

  const url = '/api/login';
  post(url)

　　

　　因為用了規則匹配，所以當項目合版的時候 會造成接口地址多一個api，需要協調后台在接口上統一添加 /api 目前我還沒找到解決的方案，如果有同學想到了 可以留言告訴我 學習一下 謝謝大佬們