vue-cli3.0 axios跨域請求代理配置

假設後端的請求地址: http://127.0.0.1:3000/admin/api

1.在根目錄下創建vue.config.js文件(vue cli3.x以上版本是沒有config文件的),代碼如下:

module.exports = {
  devServer: {
    // 設置代理
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:3000/', // 域名
        ws: true, // 是否啓用websockets
        changOrigin: true, // 開啓代理：在本地會創建一個虛擬服務端，然後發送請求的數據，並同時接收請求的數據，這樣服務端和服務端進行數據的交互就不會有跨域問題
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

2.axios的基地址(域名)去掉,換成

const service = axios.create({
  baseURL: '/admin/api'
})

最後: 跨域問題,其實是瀏覽器的安全機制