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


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

    一、总结

    一句话总结:

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

    二、vue-axios基本用法

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

    首先安装axios:

    1):npm install
    
    2):npm install vue-axios --save
    
    3):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

     
  • 相关阅读:
    从0开始搭建Element项目
    Git的上传步骤
    从JVM的角度解析String
    两个字符串相加究竟发生了什么
    简单工厂搭配策略模式
    java返回集合为null还是空集合
    idea常用快捷键
    (7)Stream简介
    (6)函数式接口的简单使用
    (4)函数式接口
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/11532187.html
Copyright © 2020-2023  润新知