vue-cli開發環境實作跨網域請求的方法

這篇文章主要介紹了vue-cli開發環境實作跨域請求的方法，現在分享給大家，也給大家做個參考。

前端開發時，請求後台介面經常需要跨網域，vue-cli實作跨網域請求只需要開啟config/index.js，修改以下內容即可。

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/api':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/api': ''
        }
      }
    }
  }
}

 這時在你想要請求介面的url處，輸入/api/look/1 即可實現跨域請求。

這時如果打開F12會發現請求的url是localhost:8080/api/look/1，這其實是虛擬從本地請求數據，這樣就不會有跨域的問題產生了。

一般情況下上面的方法是沒有問題的，如果上面的方法行不通，可以試試這樣寫：

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/look':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/look': '/look'
        }
      }
    }
  }
}

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

ajax讀取properties資源檔案資料的方法

Ajax方式實作定期更新頁面某塊內容的方法

Ajax取得回應內容長度的方法

##

以上是vue-cli開發環境實作跨網域請求的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！