亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue-cli開發(fā)環(huán)境實(shí)現(xiàn)跨域請求的方法

 更新時(shí)間：2018年04月07日 15:43:37   作者：buppt  
本篇文章主要介紹了vue-cli開發(fā)環(huán)境實(shí)現(xiàn)跨域請求的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

前端開發(fā)時(shí)，請求后臺(tái)接口經(jīng)常需要跨域，vue-cli實(shí)現(xiàn)跨域請求只需要打開config/index.js，修改如下內(nèi)容即可。

//例如要請求的接口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': ''
        }
      }
    }
  }
}

 這時(shí)在你想請求接口的url處，輸入/api/look/1 即可實(shí)現(xiàn)跨域請求。

這時(shí)如果打開F12會(huì)發(fā)現(xiàn)請求的url是localhost:8080/api/look/1，這其實(shí)是虛擬從本地請求數(shù)據(jù)，這樣就不會(huì)有跨域的問題產(chǎn)生了。

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

//例如要請求的接口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'
        }
      }
    }
  }
}

這時(shí)在你想請求接口的url處，輸入/look/1 即可實(shí)現(xiàn)跨域請求。

詳情：https://vuejs-templates.github.io/webpack/proxy.html

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論