vue-cli3跨域配置的簡(jiǎn)單方法
更新時(shí)間：2019年09月06日 10:41:56 作者：zs_staria
這篇文章主要給大家介紹了關(guān)于vue-cli3跨域配置的簡(jiǎn)單方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue-cli3具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
vue-cli3跨域配置：
在vue-resource的數(shù)據(jù)請(qǐng)求中，一般我們會(huì)將請(qǐng)求方式GET/POST修改為jsonp的請(qǐng)求方式就可以實(shí)現(xiàn)跨域。
但是對(duì)于只支持GET/POST兩種請(qǐng)求方式的api，修改jsonp，就會(huì)出錯(cuò)。需要進(jìn)行跨域的配置。
(1)在文件根目錄下，創(chuàng)建vue.config.js配置文件，具體配置如下：
module.exports={
//將baseUrl：'/api',改為baseUrl：'/'
baseUrl:'/',
devServer:{
'/api':{
target:'http://apis.juhe.cn/',
changeOrigin:true,
ws:true,
pathRewrite:{
'^/api':''
}
}
}}
(2)在文件根目錄下,創(chuàng)建.env.development 用作開發(fā)環(huán)境變量設(shè)置。
在.env.development文件下設(shè)置變量 VUE_APP_BASE_API=/api 即可將devServer的proxy重寫的url賦值給VUE_APP_BASE_API
(3)讀取配置的變量，通過(guò)process.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)來(lái)讀取。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)列表跑馬燈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
例如組件使用頻率非常高,幾乎每個(gè)頁(yè)面都在使用便可以封裝成全局組件,下面通過(guò)本文給大家介紹Vue3注冊(cè)全局組件的相關(guān)知識(shí),感興趣的朋友一起看看吧2024-01-01
Vue3實(shí)現(xiàn)下拉選擇框多選功能的方法詳解
在vue的實(shí)際開發(fā)過(guò)程中,我們?nèi)绾螌⒁赃x中的值直接渲染到頁(yè)面中,下面這篇文章主要給大家介紹了關(guān)于Vue3實(shí)現(xiàn)下拉選擇框多選功能的相關(guān)資料,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue中button標(biāo)簽樣式和功能禁用的寫法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue頁(yè)面切換和a鏈接的本質(zhì)區(qū)別詳解
今天小編就為大家分享一篇Vue頁(yè)面切換和a鏈接的本質(zhì)區(qū)別詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
這篇文章主要介紹了基于Vue全局組件與局部組件的區(qū)別說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
一文詳解Vue中如何實(shí)現(xiàn)頁(yè)面骨架屏
為了提升頁(yè)面加載速度,我們可以使用頁(yè)面骨架屏技術(shù)來(lái)優(yōu)化用戶感知,下面就跟隨小編一起學(xué)習(xí)一下如何在vue中實(shí)現(xiàn)頁(yè)面骨架屏吧2024-03-03
vue.js如何更改默認(rèn)端口號(hào)8080為指定端口的方法
本篇文章主要介紹了vue.js如何更改默認(rèn)端口號(hào)8080為指定端口的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了在antd Table中插入可編輯的單元格實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10