溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在Vue中抽離接口配置文件

發(fā)布時(shí)間：2020-09-24 09:51:05 來(lái)源：腳本之家 閱讀：175 作者：czrgit 欄目：web開(kāi)發(fā)

Vue中抽離接口配置文件的問(wèn)題及解決方法

問(wèn)題背景

在通常開(kāi)發(fā)中，我們經(jīng)常把接口配置文件寫(xiě)在src目錄里，

雖然有了一些方便，但也引發(fā)出一個(gè)新的問(wèn)題，就是每次接都要重新編譯。

解決方法

如果是cli2在static文件夾下創(chuàng)建XXX.js文件 

如果是cli3在public文件夾下創(chuàng)建XXX.js文件

這兩個(gè)文件夾下的內(nèi)容將會(huì)原封不動(dòng)地打包都dist里

在XXX.js下代碼，定義全局變量，這樣我們便能在任何地方使用

window.$4002API = {
  URL:'http://baidu.com',
  getAll:URL+'/aa/aa',//也能定義接口，到時(shí)在axios中調(diào)用
}

在main.js中引入XXX.js

import '../static/config/index'

使用

console.log($4002API.URL)//'http://baidu.com'   
console.log($4002API.getAll)//'http://baidu.com/aa/aa'

當(dāng)打包的時(shí)候，在main.js中注釋掉

// import '../static/config/index'

并在index.html文件中引入XXX.js

<script src="./static/config/index.js"></script>

總結(jié)

以上所述是小編給大家介紹的如何在Vue中抽離接口配置文件,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手