摘要:請求實際發(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
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:希望幫助更多的前端愛好者學習。前端開發(fā)者指南作者科迪林黎,由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發(fā)工程師當你問起有關(guān)與時,老司機們首先就會告訴你其實是個沒有網(wǎng)絡請求功能的庫。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學習 React.js 比你想象的要簡單 原文地址:Learning React.js is easier than you think 原文作...
摘要:哪吒別人的看法都是狗屁,你是誰只有你自己說了才算,這是爹教我的道理。哪吒去他個鳥命我命由我,不由天是魔是仙,我自己決定哪吒白白搭上一條人命,你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運,我不曉得。我只曉得,不認命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
閱讀 2882·2021-11-22 09:34
閱讀 1211·2021-11-19 09:40
閱讀 3335·2021-10-14 09:43
閱讀 3566·2021-09-23 11:22
閱讀 1601·2021-08-31 09:39
閱讀 880·2019-08-30 15:55
閱讀 1414·2019-08-30 15:54
閱讀 854·2019-08-30 15:53