Vue2配置axios跨域

這個系列主要記錄自己實習期間的踩坑過程，不完全準確，只能說這個方法確實解決了我自己的問題，歡迎交流，但不喜勿噴：

main.js

import Axios from 'axios'

Vue.config.productionTip = false
Vue.prototype.$axios = Axios
Vue.prototype.HOME = '/api'

config/index.js （proxyTable:中是新加入的內容）

dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/'
 
,
    //注意，測試階段使用，上線後和後端是在同一個伺服器的，不需要跨域
    proxyTable: { //axios跨域處理
      '/api':{ //此處並非一定和url一致
        target: 'http://127.0.0.1:8083',
        changeOrigin: true,//允許跨域
        pathRewrite:{
          '^/api':''
        }
      }
    },

在需要獲取後臺資料的元件中

 mounted: function () {
    this.$axios.get(this.HOME + '/park-manage/select-all'
 
)
      .then((res) => {
        console.log(res.data)
        this.tableData = res.data.extra
      })
      .catch(err => {
        console.log(err)
      })
  }

我在後端設定傳輸的json資料格式 。