vue-cli配置proxyTable 跨域請求

本地express服務啓動端口3000， vue-cli項目啓動端口8080， 當前端用戶提交登陸信息到後端，
便產生跨域，能夠配置 proxyTable 解決跨域問題
一： 進入vue-cli項目下的config/index.js 文件， 添加

proxyTable: {
  '/api': {
    target: 'http://xxxxxx.com', // 接口的域名
    // secure: false,  // 若是是https接口，須要配置這個參數
    changeOrigin: true, // 若是接口跨域，須要進行這個參數配置
    pathRewrite: {
      '^/api': ''
    }
  }
},

此處的target 設爲 'http://localhost:3000/'

二： 在前端發送請求頁面，設置請求url

this.$axios.post('/api/checklogin',{
        username:that.ruleForm.username,
        password:that.ruleForm.password
      })

三 啓動本地node服務，啓動vue項目，發送請求數據，控制檯查看，獲取數據成功則配置正確