VUE使用axios

雨点打透心脏的1/2处 2022-12-12 13:53 179阅读 0赞

**1，npm一下**

npm install vue-axios --save
    npm install qs.js --save　　//这一步可以先忽略，它的作用是能把json格式的直接转成data所需的格式

**2.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

**3.使用**

<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>

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue中使用axios

\Axios是什么？ 1.支持Promiss API 2.拦截请求和响应 3.转换请求数据和响应数据 4.取消请求 5.自动转换json数据 6....

素颜马尾好姑娘i/ 2024年04月17日 18:58/ 0 赞/ 96 阅读

相关 Vue axios的使用

<template> <div> <div v-if="!repositoryUrl">loading...</div>

忘是亡心i/ 2024年03月03日 06:55/ 0 赞/ 125 阅读

相关 vue + axios使用总结

之前很期望能做项目，看着别人做项目挺羡慕的，当自己做项目的时候就发现没有自己想象种的那么简单，这次做项目也有一段时间了，其实接触的时间长了就真的理解经常说的那句话了，语言是相同

╰+攻爆jí腚メ/ 2023年06月25日 12:30/ 0 赞/ 33 阅读

相关 vue 全局使用axios

在main.js中 import axios from 'axios' Vue.prototype.$axios= axios; // axios 改写为 V

「爱情、让人受尽委屈。」/ 2023年06月15日 11:25/ 0 赞/ 29 阅读

相关 vue中使用axios

1. 安装 npm install --save axios 2.导入 import axios from "axios"; 3.使用 cre

不念不忘少年蓝@/ 2023年06月11日 05:26/ 0 赞/ 42 阅读

相关 Vue 之 axios 使用

1.0 推荐使用 vue-resource 库。 Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。首先安装 > npm install axio

Dear 丶/ 2023年06月04日 07:53/ 0 赞/ 49 阅读

相关 VUE使用axios

1，npm一下 npm install vue-axios --save npm install qs.js --save　　//这一步可以先忽略，它的作用是

雨点打透心脏的1/2处/ 2022年12月12日 13:53/ 0 赞/ 180 阅读

相关 vue之axios使用

一、安装 1、利用npm安装`npm install axios --save` 2、利用bower安装`bower install axios --save`

雨点打透心脏的1/2处/ 2022年06月13日 00:14/ 0 赞/ 312 阅读

相关 axios + webpack + vue。 axios基本使用

目的：在wepack+vue 项目中使用 axios 第一步：安装 cnpm i axios -S 第二步：导入 2-1导入：import axi

Dear 丶/ 2022年05月14日 09:20/ 0 赞/ 334 阅读

相关 vue 全局使用 axios

vue 全局使用 axios，可以直接在 main.js 中引入 axios；也可以对 axios 进行封装，封装之后再引入到 main.js 中。总之要想全局使用，就得引入到

水深无声/ 2022年01月26日 14:25/ 0 赞/ 618 阅读