后盾网lavarel视频项目---vue-axios基本用法

一、总结

一句话总结：

都是npm安装，然后import引入vue，然后按手册使用就好了，很简单

二、vue-axios基本用法

转自或参考：vue-axios基本用法
https://www.cnblogs.com/silent007/p/8603367.html

首先安装axios：

1)：npm install2)：npm install vue-axios --save3)：npm install qs.js --save　　//它的作用是能把json格式的直接转成data所需的格式

安装成功后，在main.js页面引用：

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'Vue.prototype.$axios = axios    //全局注册，使用方法为:this.$axios
Vue.prototype.qs = qs           //全局注册，使用方法为:this.qs

最后开始使用请求：

<script>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)       //请求失败返回的数据
            })}}
</script>

本文介绍的是axios的基本用法，详细看官方文档https://github.com/axios/axios

转载于:https://www.cnblogs.com/Renyi-Fan/p/11532187.html

后盾网lavarel视频项目---vue-axios基本用法相关推荐

后盾网lavarel视频项目---vue实现动态添加和删除板块
后盾网lavarel视频项目---vue实现动态添加和删除板块一.总结一句话总结: 原理就是:列表时根据vue中的videos变量中的元素来遍历的,初始时videos:[{title:'',pat ...
html移动轮播后盾网,后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件...
1.首先呢,咱们去gitHub上面找一个vue-awesome-swiper插件. 前端为了保证整个项目的稳定性,咱们安装2.6.7版本. vue npm install vue-awesome-s ...
后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量，如何解决冲突
后盾网lavarel视频项目---4.lavarel和vue都是{{}}表示变量,如何解决冲突一.总结一句话总结: @{{videos}}:@符号表示lavarel不处理:textarea nam ...
后盾网lavarel视频项目---5、淘宝镜像cnpm的原理及如何使用
后盾网lavarel视频项目---5.淘宝镜像cnpm的原理及如何使用一.总结一句话总结: 原理:把npm上面的所有软件copy过来使用:npm install -g cnpm --regist ...
后盾网lavarel视频项目---lavarel多表关联一对多操作实例
后盾网lavarel视频项目---lavarel多表关联一对多操作实例一.总结一句话总结: 1.一对多中多那个部分的数据前端通过json弄到服务器 2.所有通过一操作多的时候,都要用上模型中定义的 ...
后盾网lavarel视频项目---3、lavarel中子控制器继承父控制器以判断是否登录
后盾网lavarel视频项目---3.lavarel中子控制器继承父控制器以判断是否登录一.总结一句话总结: 在common控制器的构造方法中验证登录中间件,其它的控制器继承common控制器 p ...
后盾网lavarel视频项目---lavarel使用模型进行增删改查操作
后盾网lavarel视频项目---lavarel使用模型进行增删改查操作一.总结一句话总结: 使用模型操作常用方法查一条:$model=Tag::find($id); 删一条:Tag::dest ...
后盾网lavarel视频项目---1、数据迁移
后盾网lavarel视频项目---1.数据迁移一.总结一句话总结: 1.lavarel的数据迁移比较简单,就是用php来创建数据表 2.创建迁移文件:php artisan make:migrat ...
后盾网lavarel视频项目---phpstorm 配置ftp，自动更新同步代码
后盾网lavarel视频项目---phpstorm 配置ftp, 自动更新同步代码一.总结一句话总结: 1.在phpstorm中设置:路径Tools/Deployment/Configuratio ...

后盾网lavarel视频项目---vue-axios基本用法

后盾网lavarel视频项目---vue-axios基本用法

一、总结

一句话总结：

都是npm安装，然后import引入vue，然后按手册使用就好了，很简单

二、vue-axios基本用法

后盾网lavarel视频项目---vue-axios基本用法相关推荐

最新文章

热门文章