vue-cli3跨域配置的簡單方法
vue-cli3跨域配置：
在vue-resource的數(shù)據(jù)請求中，一般我們會將請求方式GET/POST修改為jsonp的請求方式就可以實(shí)現(xiàn)跨域。
但是對于只支持GET/POST兩種請求方式的api，修改jsonp，就會出錯。需要進(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)讀取配置的變量，通過process.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)來讀取。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。
相關(guān)文章
vue?element表格某一列內(nèi)容過多,超出省略號顯示的實(shí)現(xiàn)
這篇文章主要介紹了vue?element表格某一列內(nèi)容過多,超出省略號顯示的實(shí)現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-01-01
vue-router中的鉤子函數(shù)和執(zhí)行順序說明
這篇文章主要介紹了vue-router中的鉤子函數(shù)和執(zhí)行順序說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
Vue3項目引入阿里iconfont圖標(biāo)與字體及使用教程
Iconfont國內(nèi)功能很強(qiáng)大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫,提供矢量圖標(biāo)下載、在線存儲、格式轉(zhuǎn)換等功能,下面這篇文章主要給大家介紹了關(guān)于Vue3項目引入阿里iconfont圖標(biāo)與字體及使用教程,需要的朋友可以參考下2023-05-05
一起寫一個即插即用的Vue Loading插件實(shí)現(xiàn)
這篇文章主要介紹了一起寫一個即插即用的Vue Loading插件實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
使用Webpack提高Vue.js應(yīng)用的方式匯總(四種)
Webpack是開發(fā)Vue.js單頁應(yīng)用程序的重要工具。下面通過四種方式給大家介紹使用Webpack提高Vue.js應(yīng)用，需要的的朋友參考下吧2017-07-07
vuejs使用$emit和$on進(jìn)行組件之間的傳值的示例
本篇文章主要介紹了vuejs使用$emit和$on進(jìn)行組件之間的傳值的示例，具有一定的參考價值，有興趣的可以了解一下2017-10-10
這篇文章主要介紹了解決vuecli3中img src 的引入問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
本篇文章主要介紹了詳解vue-cli中配置sass ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
el-form resetFields無效和validate無效的可能原因及解決方法
本文主要介紹了el-form resetFields無效和validate無效的可能原因及解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue中wangEditor的使用及回顯數(shù)據(jù)獲取焦點(diǎn)的方法
最近在寫vue的項目中，遇到一個需求，點(diǎn)擊編輯，顯示彈框，在彈框中的富文本編輯器中編輯自定義文本樣式，可以上傳圖片并回顯。接下來通過本文給大家介紹vue中wangEditor的使用及回顯數(shù)據(jù)獲取焦點(diǎn)的問題，一起看看吧2021-09-09