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

Posted 2021-02-11 子谦0618

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需要按需加载一下，否则不能使用