資訊專欄INFORMATION COLUMN
摘要：請(qǐng)求實(shí)際發(fā)出去的請(qǐng)求是配置一個(gè)適用于本地和生產(chǎn)環(huán)境的后臺(tái)請(qǐng)求按照上面的配置好以后，本地環(huán)境可以成功的跨域和后臺(tái)交互了。
這段時(shí)間在折騰有vue做開發(fā)，之前也用過(guò)，但是大部分都是用一些簡(jiǎn)單的數(shù)據(jù)綁定。踏了很多坑，總結(jié)了一下，希望對(duì)剛剛開始折騰的小伙伴有幫助。
常見(jiàn)問(wèn)題一：用vue-cli搭好環(huán)境以后，本地域名和測(cè)試環(huán)境的域名不一致，怎么跨域訪問(wèn)后臺(tái)接口？在config目錄下找到index.js，在dev下添加如下:
proxyTable: {
"/api":{//指定以/api開頭的接口都走代理
target:"https://yhhdtest.moguyun.com",//需要連接后臺(tái)接口的域名
changeOrigin:true,//支持跨域
pathRewrite:{
"/api":""
}
}
},
以上的配置其實(shí)是dev-server 使用了非常強(qiáng)大的 http-proxy-middleware 包。更多高級(jí)用法，請(qǐng)查閱其文檔。
請(qǐng)求/api/getGame實(shí)際發(fā)出去的請(qǐng)求是 https://yhhdtest.moguyun.com/...
配置一個(gè)適用于本地和生產(chǎn)環(huán)境的后臺(tái)請(qǐng)求按照上面的配置好以后，本地環(huán)境可以成功的跨域和后臺(tái)交互了。但是每個(gè)接口前面都要加一個(gè)原本不需要的/api前綴，這個(gè)其實(shí)和我們生產(chǎn)是不符合的。這個(gè)時(shí)候需要我們做一些配置，通過(guò)編譯來(lái)區(qū)分。
在index.js下分別找到dev和prod（有的項(xiàng)目可能直接抽出來(lái)，多帶帶成文件了）
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)鍵點(diǎn)在于API_HOST，這個(gè)時(shí)候我們的請(qǐng)求可以這么寫
process.env.API_HOST+"/getGame"
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/95781.html
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：希望幫助更多的前端愛(ài)好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問(wèn)起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒(méi)有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址：Learning React.js is easier than you think 原文作...
摘要：哪吒別人的看法都是狗屁，你是誰(shuí)只有你自己說(shuō)了才算，這是爹教我的道理。哪吒去他個(gè)鳥命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰(shuí)和你做朋友太乙真人人是否能夠改變命運(yùn)，我不曉得。我只曉得，不認(rèn)命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
閱讀 3085·2021-11-22 09:34
閱讀 1351·2021-11-19 09:40
閱讀 3470·2021-10-14 09:43
閱讀 3661·2021-09-23 11:22
閱讀 1819·2021-08-31 09:39
閱讀 1018·2019-08-30 15:55
閱讀 1523·2019-08-30 15:54
閱讀 1010·2019-08-30 15:53
