VUE使用axios

雨点打透心脏的1/2处 2022-12-12 13:53 154阅读 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 条评论，154人围观）

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

相关阅读

相关 vue中使用axios

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

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

相关 Vue axios的使用

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

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

相关 vue中使用axios

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

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

相关 VUE使用axios

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

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

相关 vue之axios使用

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

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

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

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

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

相关 vue.js axios的使用

首先安装：npm install axios --save vue源码： <script> import axios from '@/axios'

怼烎@/ 2022年04月25日 02:26/ 0 赞/ 259 阅读

相关 Vue使用axios、解决axios跨域

axios [axios文档][axios] > axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端从浏览器中创建 XML

骑猪看日落/ 2022年03月06日 10:38/ 0 赞/ 623 阅读

相关 vue 全局使用 axios

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

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

相关 Vue之axios基础使用

答：axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它有哪些特征：

小灰灰/ 2020年05月15日 09:56/ 0 赞/ 909 阅读