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

Vue中抽離接口配置文件的問題及解決方法

成都創(chuàng)新互聯(lián)公司于2013年創(chuàng)立，先為廣南等服務(wù)建站，廣南等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為廣南企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

問題背景

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

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

解決方法

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

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

這兩個(gè)文件夾下的內(nèi)容將會原封不動(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中抽離接口配置文件,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

文章名稱：如何在Vue中抽離接口配置文件
URL分享：http://muchs.cn/article42/jchpec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站排名、微信小程序、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)