vue-cli 使用axios的操作方法及整合axios的多种方法
发布时间:2020-12-16 23:36:00 所属栏目:百科 来源:网络整理
导读:1.创建vue脚手架 vue init webpack demo 2.cd 项目根目录,再安装axios npm install axios -S 3.在main.js中 4.在调用处 5.可以在main.js中做一些配置 6.配置后可以在调用处省略一些代码 补充:vue-cli整合axios的几种方法 Vue这个框架现在在单页面应用方面
1.创建vue脚手架
2.cd 项目根目录,再安装axios
3.在main.js中4.在调用处5.可以在main.js中做一些配置6.配置后可以在调用处省略一些代码补充:vue-cli整合axios的几种方法Vue这个框架现在在单页面应用方面非常受人欢迎。 基于vue-cli创建的项目怎么样才能更好地处理网络请求? 首选的应该就是axios了 这次给刚接触vue的新手介绍一下axios在vue中如何使用 安装的话自己去官网看 一、不推荐的方法{
console.log(result)
})
}
}
}
这种方法比较麻瓜哪个文件要用就 二、网络请求较少三、推荐方法用方法二已经可以满足大部分需求了,写的时候也比较爽,但是后期如果接口改变,还要一个个去查找修改,会显得很杂乱 这里推荐一种自己平时的做法 { return axios.get(`${base}/product/info/${params}`) }
//这样写方便管理整个项目的网络请求
//在我们要是用这个请求时比如说getproduct
import {
getproduct
}from '../api/api';
export default {
name: 'HelloWorld',methods: {
getProductList(){
getproduct(this.params).then(result=>{
console.log(result);
})
}
}
}
//注意我们导出的时候用的是export 所以导入的时候必须带{}
总结以上所述是小编给大家介绍的vue-cli 使用axios的操作方法及整合axios的多种方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |