proxy 跨域配置, 針對有axios的baseURL

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

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

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

  "/proxy": {

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

    changeOrigin:true,

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

2.config下的dev.env.js中配置base_api,即與上文對應的proxy

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

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

3.axios中的全局設置配置

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

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

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

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

好了大功告成!

GPU云服務器云服務器 fetch和axios的區(qū)別 baseUrl 針對防火墻的攻擊針對網(wǎng)站的加速器

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

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

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

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

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

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

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

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

leoperfect 2019-08-23 16:16 評論0 收藏0
Axios學習筆記

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

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

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

shmily 2019-08-23 14:44 評論0 收藏0