一：跨域請求代理

1：開啟config/index.js

module.exports{
    dev: {
    }
}

在這裡面找到proxyTable{}，改為這樣：

proxyTable: {
      '/api': {
        target: 'http://121.41.130.58:9090',//設定你呼叫的介面域名和埠號 別忘了加http
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''//這裡理解成用‘/api’代替target裡面的地址，後面元件中我們掉介面時直接用api代替 比如我要呼叫'http://40.00.100.100:3002/user/add'，直接寫‘/api/user/add’即可
        }
      }
    }
 

axios.post('/api/yt_api/login/doLogin',postData)
    .then(function (response) {
        console.log(1)
        console.log(response);
    })
    .catch(function (error) {
        console.log(error);
    })

　　　　　 頁面呼叫：http://localhost:8081/api/yt_api/login/doLogin ——這裡多了一個/api/不是多餘的，不要刪

二：axios傳參

1：Vue官方推薦元件axios預設就是提交 JSON 字串，所以我們要以json字串直接拼接在url後面的形式，直接將json物件傳進去就行了

let postData = {
    'companyCode':'tur',
    'userName':'123456789123456789',
    'password':'123456'
}
axios.post('/api/yt_api/login/doLogin',postData)
    .then(function (response) {
        console.log(1)
        console.log(response);
    })
    .catch(function (error) {
        console.log(error);
    });
 

2：以key：val的形式傳參

let postData = qs.stringify({
    companyCode:'tur',
    userName:'123456789123456789',
    password:'123456'
})

我們需要對這個json物件操作，這裡的qs你需要先安裝

npm install qs

再匯入

import qs from 'qs'