vue读取本地文件 vue中Axios的封装与API接口的管理详解?
vue中Axios的封装与API接口的管理详解?首先,在您创建的public方法的文件中创建一个新的HttpUtil.js文件文件。以下是总结HttpUtil.js文件内容:VAR Axios=req
vue中Axios的封装与API接口的管理详解?
首先,在您创建的public方法的文件中创建一个新的HttpUtil.js文件文件。以下是总结HttpUtil.js文件内容:VAR Axios=require(“Axios”)//配置项根,例如路径VAR root=“http://localhost:8090/manage“//Axios请求函数httpapi(method,URL,params){返回新承诺((resolve,reject)=>{Axios({method:method,URL:URL,数据:method==“post”;method==“put”?Params:null,Params:Method==“get”| | Method==“delete”?参数:null,baseurl:root,withcredentials:false})。然后((response)=>{解析(response)})。Catch((error)=>{reject(error)})}//返回Vue模板中的调用接口,导出默认值{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,参数)}
输入主要.js引入config.jsimport文件从“.”/config”定义Vue.prototype.defines定义= 定义配置.js内容如下:export default{name:“Who”,sex:“Male”,setname(newName){这个名字=新名称控制台.log(“name changed”)}然后在Vue的HTML中添加以下内容调用全局变量:{this.defines.name}}可以显示全局变量。修改的方法是:添加Vue调用全局变量的脚本:this.defines.setname(小强)控制台.log( this.defines.name)你可以改变它。
Vue中全局变量的定义和使用?
导入Vue:importvuefrom “Vue”exportdefault{mounted(){Vue.myGlobalMethod方法()}}