vue中Axios的封裝與API接口的管理詳解？首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新的HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容：VAR Axios=req

vue中Axios的封裝與API接口的管理詳解？

首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新的HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容：VAR Axios=require（“Axios”）//配置項(xiàng)根，例如路徑VAR root=“http://localhost：8090/manage“//Axios請(qǐng)求函數(shù)httpapi（method，URL，params）{返回新承諾（（resolve，reject）=>{Axios（{method:method，URL:URL，數(shù)據(jù)：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？參數(shù)：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的調(diào)用接口，導(dǎo)出默認(rèn)值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，Params）{return httpapi（“post”，URL，Params）}，put:function（URL，Params）{return httpapi（“put”，URL，params）}，delete:function（URL，params）{返回httpapi（“delete”，URL，參數(shù)）}

輸入主要.js引入config.jsimport文件從“.”/config”定義Vue.prototype.defines定義= 定義配置.js內(nèi)容如下：export default{name:“Who”，sex:“Male”，setname（newName）{這個(gè)名字=新名稱控制臺(tái).log（“name changed”）}然后在Vue的HTML中添加以下內(nèi)容調(diào)用全局變量：{this.defines.name}}可以顯示全局變量。修改的方法是：添加Vue調(diào)用全局變量的腳本：this.defines.setname（小強(qiáng)）控制臺(tái).log( this.defines.name)你可以改變它。

Vue中全局變量的定義和使用？

導(dǎo)入Vue:importvuefrom “Vue”exportdefault{mounted（）{Vue.myGlobalMethod方法()}}