码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-03-03 22:36:15      阅读:1256      评论:0      收藏:0      [点我收藏+]

标签:list   http   top   出错   .data   rom   安装   port   ios   

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

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

标签:list   http   top   出错   .data   rom   安装   port   ios   

原文地址:https://www.cnblogs.com/wrxblog/p/10467960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!