這次帶給大家如何使用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'
}
}
}
}
}這時在你想請求接口的url處，輸入/ look/1 即可實現跨域請求。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
怎麼處理vue-router懶載入時候第一次載入資源過多導致速度緩慢
以上是如何使用vue-cli開發環境實作跨網域請求的詳細內容。更多資訊請關注PHP中文網其他相關文章！
