框架:vue
腳手架版本:vue-cli3以上
問(wèn)題:即使后臺(tái)配置了跨域街州,前端還是沒(méi)辦法請(qǐng)求严肪。
解決:前端設(shè)置代理
在vue-cli3版本以上戳玫,我們是找不到config.js的配置文件的缆瓣,所以我們要自定義一個(gè)vue.config.js來(lái)配置代理烟瞧。
代理的實(shí)現(xiàn)很簡(jiǎn)單畴蒲。
注意的是:
我們的請(qǐng)求可以直接用api作為基礎(chǔ)路徑悠鞍。
這個(gè)時(shí)候我們?cè)陂_(kāi)發(fā)環(huán)境下就可以進(jìn)行跨域請(qǐng)求了。
坑
當(dāng)我們打包項(xiàng)目到線上測(cè)試的時(shí)候模燥,會(huì)發(fā)現(xiàn)咖祭,請(qǐng)求的地址不對(duì),原因是打包之后的請(qǐng)求是不存在跨域的蔫骂。
請(qǐng)求地址會(huì)變成: ‘基礎(chǔ)請(qǐng)求路徑’+‘a(chǎn)pi’+'路徑'
所以么翰,這個(gè)時(shí)候我們是不需要進(jìn)行代理的。我的做法有點(diǎn)過(guò)于簡(jiǎn)單辽旋,就是直接把請(qǐng)求中的api去掉浩嫌。
但其實(shí)檐迟,最好的方法,還是在一開(kāi)始定義開(kāi)發(fā)環(huán)境變量和生產(chǎn)環(huán)境變量码耐。
這個(gè)還沒(méi)深究追迟,到時(shí)補(bǔ)充