首页> web前端> Vue.js> 正文

vuejs中axios用法是什么

藏色散人
发布: 2023-01-13 00:45:39
原创
2530 人浏览过

vuejs中axios的使用方法:1、安装axios;2、在main.js页面引用axios;3、通过“created(){this.$axios({method:'post',url:'api'...}”方式使用即可。

vuejs中axios用法是什么

本文操作环境:Windows7系统、vue2.9.6版,DELL G3电脑。

vuejs中axios用法是什么?

vue中axios基本用法

1.首先安装axios:

71cb4d0437f50462b2266dc1ccb1c32.png

1):npm install 2):npm install vue-axios --save 3):npm install qs.js --save  //这一步可以先忽略,它的作用是能把json格式的直接转成data所需的格式
登录后复制

2.安装成功后,在main.js页面引用:

import Vue from 'vue' import axios from 'axios' Vue.prototype.$axios = axios //全局注册,使用方法为:this.$axios Vue.prototype.qs = qs //全局注册,使用方法为:this.qs
登录后复制

3最后开始使用请求:

登录后复制

同时发起多个请求

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用法是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!