「Vue」vue cli3中axios的基本用法

时间:2023-03-10 05:07:36
「Vue」vue cli3中axios的基本用法

1、安装axios
npm i axios -S
2、main.js中设置
import axios from 'axios'
Vue.prototype.$axios = axios
PS:这里有个小坑,axios一定要小写,不知道为什么,大写会出错
3、基本使用
created(){this.showlunbo()},
methods:{
showlunbo(){
this.$axios.request({url:'http://www.liulongbin.top:3005/api/getlunbo',method:'GET'}).then(ret=>{
if (ret.data.status === 0) {
this.lunboList = ret.data.message
} else {
Toast('数据获取失败,请检查网络')
PS:import { Toast } from 'mint-ui' 这里mint-ui需要按需加载一下,否则不能使用