Vue2.0使用Axios實現跨域訪問

1. 配置BaseUrl
   在main.js中，配置下我們訪問的Url字首：

axios.defaults.baseURL = '/api' // 開發本地代理
axios.defaults.headers.post['Contenst-Type'] = 'application/json;'
axios.defaults.headers.common['token'] = store.state.token

2. 配置代理
   修改config資料夾下的index.js檔案，在proxyTable中加上如下程式碼：

    proxyTable: {
      '/api': {  //代理地址
        target: 'http://xxx.xxx.xxx.xxx:8088',  //需要代理的地址， 實際生產環境需要訪問的地址
        changeOrigin: true,  //是否跨域
        secure: false,
        pathRewrite: {
          '^/api': '/'   //本身的介面地址沒有 '/api' 這種通用字首，所以要rewrite，如果本身有則去掉
        }
      }
    },
 

3. 修改請求Url

    this.$axios.get("/test/test123") 
	.then(res=>{
		console.log(res)
	})
	.catch(err=>{
		console.log(err)
	})

給url加上了字首/api，我們訪問"/test/test123"就當於訪問了：localhost:8080/api/test/test123