axios数据请求方式

Love The Way You Lie 2022-05-09 06:10 261阅读 0赞

![70][]

![70 1][]

![70 2][]

get请求

get:function () {
        axios.get("../package1.json",{
        params:{
          userId:"999"
        },
        headers:{
          token:"jack"
           }
        }).then(res=>{
           this.msg=res.data;
        }).catch(function (error) {
          console.log("error init." +error)
        });
    },

post请求

post:function () {
        axios.post("../package.json",{
          userId:"888"
        },{
        headers:{
          token:"tom"
        }
        }).then(res=>{
        this.msg = res.data;
        }).catch(function (error) {
    
        })
    },

http请求

http:function () {
          axios({
          url:"../package.json",
          // method:"get",
          method:"post",
          data:{
            userId:"101"
            },
          // params:{
          //   userId:"102"
          // },
          headers:{
            token:"http-test"
          }
          }).then(res=>{
          this.msg = res.data;
          })
    }

在http请求里,如果methods是post方式的话,就要用 data:\{ userId:"101" \},传入参数,如果是get请求的话,用params

axios全局拦截器的使用

mounted:function(){
      axios.interceptors.request.use(function (config) {
        console.log("request init.");//在响应之前打印,也就可以在里面写一些请求之前要做的事
        return config;
      })
      axios.interceptors.response.use(function (response) {
        console.log("response  init.");//在响应之后打印,也就可以在里面写一些请求之后要做的事
        return response;
      })
    
    },

[70]: /images/20220509/7a12f8d37ea848fdb5cc8004379235a9.png
[70 1]: /images/20220509/b0581244f42a49f39d8346d68aee1113.png
[70 2]: /images/20220509/a3a2477f202d4dc19bb707ee8a072f78.png

发表评论取消回复

表情：

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

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

相关阅读

相关 axios.get请求传参方式

GET 请求中的数据通常通过查询参数（query parameters）传递，而不是在请求体中传递将数据作为查询参数附加到 URL 上 axios.get('

左手的ㄟ右手/ 2024年03月02日 10:51/ 0 赞/ 53 阅读

相关 axios请求数据

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网

落日映苍穹つ/ 2022年12月20日 12:55/ 0 赞/ 201 阅读

相关使用axios方式实现Ajax请求

> 项目已开源至gitee：[https://gitee.com/guo-qianliang/es6-vue-node.js][https_gitee.com_guo-qian

r囧r小猫/ 2022年11月17日 13:37/ 0 赞/ 437 阅读

相关 axios 的请求方式

// 使用默认进行请求（默认是get） axios({ url: "http://localhost:9999/student

迈不过友情╰/ 2022年10月29日 01:46/ 0 赞/ 197 阅读

相关 Axios请求方式

Axios请求方式 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。使用cdn的方式引入axios.js <

╰+哭是因爲堅強的太久メ/ 2022年10月10日 12:46/ 0 赞/ 208 阅读

相关 Axios 如何缓存请求数据？

本文是 Axios 四部曲的最后一篇文章，这篇文章将介绍在 Axios 中如何通过增强默认适配器来缓存请求数据。那么为什么要缓存请求数据呢？这是因为在缓存未失效时，我们可以

亦凉/ 2022年10月09日 02:49/ 0 赞/ 362 阅读

相关 axios数据请求方式

![70][] ![70 1][] ![70 2][] get请求 get:function () { axios.get("../packag

Love The Way You Lie/ 2022年05月09日 06:10/ 0 赞/ 262 阅读

相关 Vue 请求数据（axios）

Vue axios请求数据与vue-resource请求数据有所不同步骤如下： 1.安装 npm install axios --save / npm install

电玩女神/ 2022年03月24日 14:54/ 0 赞/ 321 阅读

相关 redux+axios请求数据

在使用redux之前我们需要先安装 redux和redux-thunk yarn add redux redex-thunk 安装完成后，我们还需要了解rudex的

我就是我/ 2021年12月20日 00:05/ 0 赞/ 384 阅读

相关 Axios 各种请求方式传递参数(非axios api 请求方式）

`get` `delete` 方法较为不同 get请求方式将需要入参的数据作为 `params` 属性的值，最后整体作为参数传递 delete请求方式将将需要入参的数

桃扇骨/ 2021年12月03日 10:49/ 0 赞/ 325 阅读