vuejs中axios的使用方法：1、安装axios；2、在main.js页面引用axios；3、通过“created(){this.$axios({method:’post’,url:’api’…}”方式使用即可。
本文操作环境：Windows7系统、vue2.9.6版，DELL G3电脑。
vuejs中axios用法是什么？
vue中axios基本用法
1.首先安装axios：
1)：npm install2)：npm install vue-axios --save3)：npm install qs.js --save //这一步可以先忽略，它的作用是能把json格式的直接转成data所需的格式
登录后复制
2.安装成功后，在main.js页面引用：
import Vue from 'vue'import axios from 'axios'Vue.prototype.$axios = axios //全局注册，使用方法为:this.$axiosVue.prototype.qs = qs //全局注册，使用方法为:this.qs
登录后复制
3最后开始使用请求：
export default{ data(){ return{ userId:666, token:'', } }, created(){ this.$axios({ method:'post', url:'api', data:this.qs.stringify({ //这里是发送给后台的数据 userId:this.userId, token:this.token, }) }).then((response) =>{ //这里使用了ES6的语法 console.log(response) //请求成功返回的数据 }).catch((error) => console.log(error) //请求失败返回的数据 }) } }
登录后复制
同时发起多个请求
立即学习“前端免费学习笔记（深入）”；
function getUserAccount() { return axios.get('/user/12345');}function getUserPermissions() { return axios.get('/user/12345/permissions');}axios.all([getUserAccount(), getUserPermissions()]) .then(axios.spread(function (acct, perms) { // Both requests are now complete }));
登录后复制
创建一个实例你可以创建一个拥有通用配置的axios实例axios.creat([config])var instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, headers: {'X-Custom-Header': 'foobar'}});
登录后复制
推荐学习：《vue教程》
以上就是vuejs中axios用法是什么的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3019508.html
