国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

基于Vue-cli搭建的項目如何和后臺交互

Yangder / 1144人閱讀

摘要：請求實際發(fā)出去的請求是配置一個適用于本地和生產(chǎn)環(huán)境的后臺請求按照上面的配置好以后，本地環(huán)境可以成功的跨域和后臺交互了。

這段時間在折騰有vue做開發(fā)，之前也用過，但是大部分都是用一些簡單的數(shù)據(jù)綁定。踏了很多坑，總結(jié)了一下，希望對剛剛開始折騰的小伙伴有幫助。

常見問題一：用vue-cli搭好環(huán)境以后，本地域名和測試環(huán)境的域名不一致，怎么跨域訪問后臺接口？

在config目錄下找到index.js，在dev下添加如下:

proxyTable: {
      "/api":{//指定以/api開頭的接口都走代理
          target:"https://yhhdtest.moguyun.com",//需要連接后臺接口的域名
          changeOrigin:true,//支持跨域
          pathRewrite:{
              "/api":""
          }
      }
    },

以上的配置其實是dev-server 使用了非常強大的 http-proxy-middleware 包。更多高級用法，請查閱其文檔。

請求/api/getGame實際發(fā)出去的請求是 https://yhhdtest.moguyun.com/...

配置一個適用于本地和生產(chǎn)環(huán)境的后臺請求

按照上面的配置好以后，本地環(huán)境可以成功的跨域和后臺交互了。但是每個接口前面都要加一個原本不需要的/api前綴，這個其實和我們生產(chǎn)是不符合的。這個時候需要我們做一些配置，通過編譯來區(qū)分。

在index.js下分別找到dev和prod（有的項目可能直接抽出來，多帶帶成文件了）

dev.env.js
module.exports = merge(prodEnv, {
    NODE_ENV: ""development"",
    API_HOST:""/api/""
})
prod.env.js
module.exports = {
    NODE_ENV: ""production"",
    API_HOST:""""
}

關(guān)鍵點在于API_HOST，這個時候我們的請求可以這么寫

process.env.API_HOST+"/getGame"

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

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

相關(guān)文章

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

  • 前端相關(guān)大雜燴

    摘要：希望幫助更多的前端愛好者學習。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發(fā)工程師當你問起有關(guān)與時，老司機們首先就會告訴你其實是個沒有網(wǎng)絡請求功能的庫。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學習 React.js 比你想象的要簡單 原文地址：Learning React.js is easier than you think 原文作...

    fuyi501 評論0 收藏0

  • 前方來報，八月最新資訊--關(guān)于vue2&3的最佳文章推薦

    摘要：哪吒別人的看法都是狗屁，你是誰只有你自己說了才算，這是爹教我的道理。哪吒去他個鳥命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運，我不曉得。我只曉得，不認命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...

    izhuhaodev 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<