proxy 跨域配置, 針對(duì)有axios的baseURL

ruicbAndroid 發(fā)布于2019-08-23 12:45 / 2347人閱讀

摘要：首先主要的文件下的中的配置這個(gè)詞可以任意換但文下的詞要一致下的中配置即與上文對(duì)應(yīng)的這里是開發(fā)模式下的配置產(chǎn)品模式到中配置中的全局設(shè)置配置請(qǐng)求的時(shí)候例如我現(xiàn)在需要請(qǐng)求這個(gè)接口這樣寫就行了返回的數(shù)據(jù)好了大功告成

1.首先主要的config文件下的index.js中的proxytable配置
proxyTable:{

  "/proxy": {

    target:"http://192.168.2.141:8080", 

    changeOrigin:true,

    pathRewrite: {
      "^/proxy": ""
    }
  }
}
//proxy這個(gè)詞可以任意換,但文下的詞要一致

2.config下的dev.env.js中配置base_api,即與上文對(duì)應(yīng)的proxy

module.exports = merge(prodEnv, {
  NODE_ENV: ""development"",
  BASE_API: ""/proxy""
})

//這里是開發(fā)模式下的配置,產(chǎn)品模式到prod.env.js中配置

3.axios中的全局設(shè)置配置

axios.defaults.baseURL = process.env.BASE_API;

4.請(qǐng)求的時(shí)候,例如我現(xiàn)在需要請(qǐng)求 http://192.168.2.141:8080/WX/shopCart/findShopCartList 這個(gè)接口,這樣寫就行了 ↓

getData(){
        this.axios({
          method:"post",
          url:"/WX/shopCart/findShopCartList",
          data:{
           
          }

        }).then(res=>{
            console.log(res,"返回的數(shù)據(jù)")
        }

好了大功告成!

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/98984.html

相關(guān)文章

后端開發(fā)者的Vue學(xué)習(xí)之路（五）

摘要：由服務(wù)器提供的響應(yīng)來自服務(wù)器響應(yīng)的狀態(tài)碼來自服務(wù)器響應(yīng)的狀態(tài)信息服務(wù)器響應(yīng)的頭是為請(qǐng)求提供的配置信息所以請(qǐng)求返回后，我們可以通過來獲取響應(yīng)情況。攔截器攔截器攔截器用于攔截發(fā)起的請(qǐng)求或用于攔截返回的響應(yīng)。目錄上節(jié)內(nèi)容回顧使用第三方組件庫如何發(fā)起請(qǐng)求請(qǐng)求錯(cuò)誤處理請(qǐng)求帶參 ...

jay_tian 2019-04-23 11:51 評(píng)論0 收藏0
vue-cli 3.x配置跨域代理

摘要：需求上是我們只需要在開發(fā)環(huán)境配置跨域代理，所以我們可以在開發(fā)環(huán)境的配置上加上能夠代理上的環(huán)境變量即可。修改的配置將改為這里依然是采用的來做的代理配置，一些自定義配置可以移步到官網(wǎng)去進(jìn)行參考。寫在前面 vue-cli 3.x 的beta版本已經(jīng)發(fā)布了一段時(shí)間，很早就像體驗(yàn)一番一直找不到時(shí)間。這些日子剛好有空就想著依照網(wǎng)上的一些例子練下手，剛一上手就踩到坑了。3.x 版本對(duì)整個(gè)項(xiàng)目的構(gòu)建...

weakish 2019-08-22 16:30 評(píng)論0 收藏0
vue開發(fā)項(xiàng)目完全指南

摘要：有兩種方法，一種是在開發(fā)環(huán)境中設(shè)置通過的，另一種是在服務(wù)器上修改的配置設(shè)置。這樣我們以后使用訪問接口就可以不加了，打包后訪問也不用手動(dòng)去除統(tǒng)一管理在項(xiàng)目開發(fā)過程中，會(huì)涉及到很多接口的處理，當(dāng)項(xiàng)目足夠大時(shí)，就需要統(tǒng)一管理接口。這篇文章總結(jié)了vue項(xiàng)目的所遇到的問題，包括跨域、用戶認(rèn)證、接口統(tǒng)一管理、路由配置、兼容性處理，性能優(yōu)化等內(nèi)容。項(xiàng)目github地址 : 前端 https:...

leoperfect 2019-08-23 16:16 評(píng)論0 收藏0
Axios學(xué)習(xí)筆記

摘要：表示應(yīng)該使用基礎(chǔ)驗(yàn)證，并提供數(shù)據(jù)。表示服務(wù)器響應(yīng)的數(shù)據(jù)類型，可以是，，，，，，默認(rèn)值是承載的值的頭的名稱。對(duì)原生進(jìn)度事件的處理定義允許的響應(yīng)內(nèi)容的最大尺寸?；菊J(rèn)證的過程。后者將優(yōu)先于前者。 Axios說明 Axios是一個(gè)基于promise的HTTP庫，可以用在瀏覽器和node.js中。安裝使用npm: $ npm install axios 使用bower $ bower in...

546669204 2019-08-23 13:38 評(píng)論0 收藏0
vue開發(fā)環(huán)境配置跨域，一步到位

摘要：本文要實(shí)現(xiàn)的是使用搭建的項(xiàng)目在開發(fā)時(shí)配置跨域，上線后不做任何任何修改，接口也可以訪問閱讀時(shí)間需要三分鐘產(chǎn)品生產(chǎn)環(huán)境開發(fā)開發(fā)環(huán)境開發(fā)環(huán)境設(shè)置跨域使用工具自帶的配置配置目錄自行復(fù)制黏貼后臺(tái)是否跨域需要的注意以上配置只有在生產(chǎn)環(huán)境下有效，你打本文要實(shí)現(xiàn)的是：使用vue-cli搭建的項(xiàng)目在開發(fā)時(shí)配置跨域，上線后不做任何任何修改，接口也可以訪問閱讀時(shí)間需要三分鐘 production：產(chǎn)品 ...

shmily 2019-08-23 14:44 評(píng)論0 收藏0