zoukankan      html  css  js  c++  java
  • 使用axios向后端传递数据,后端接收不到?

    开始使用axios的时候,按照官网的例子请求后端接口,遇到了后端接收不到数据的情况。

    翻看了文档也没找到解决方法。先来了解下基本的axios

    想要使用axios,需要先安装 npm install axios --save

    然后引入  import axiox from 'axios'

    接下来就可以使用它跟后端交互了。

    get方式的基本用法

                       axios({
    
                        url:'/',      //这里填后端接口地址
    
                        method:'get',     //请求方式,默认是get ,可不声明
    
                        params:{test:'testData'}   //参数,有就填,无则省去   
    
         }).then(res=>{
    
           //具体操作
    
                        console.log(res)
    
           }).catch(err=>{
    
                       //异常操作
    
           })

    post方式的基本用法

                       axios({
    
                        url:'/',      //这里填后端接口地址
    
                        method:'post',   
    
                        data:{test:'testData'},   //参数,有就填,无则省去  ,需要注意下,使用post请求,属性要用data ,本来这样是可以了的,但后端需要用json格式,这时还需要加"transformRequest"属性对请求数据进行格式化
    
                        transformRequest:function(obj) {
    
                    var str = [];
                    for ( var p in obj) {
                    str.push(encodeURIComponent(p) + "="
                    + encodeURIComponent(obj[p]));
                    }
                    return str.join("&");
                  }
    
         }).then(res=>{
    
           //具体操作
    
                        console.log(res)
    
           }).catch(err=>{
    
                       //异常操作
    
           })

    到此结束,希望有所帮助。

    有任何问题可联系QQ 412606846  微信同号

  • 相关阅读:
    golang学习之旅:使用go语言操作mysql数据库
    golang操作mysql使用总结
    win7环境搭建以太坊私链
    golang面试题--string操作
    如何获得微信小游戏源码
    [Egret]长按截屏分享、分享截屏图片、本地存储
    android 6.0导航栏 NavigationBar影响视图解决办法
    android设置透明状态栏
    理解Android中的注解与反射
    Butter Knife
  • 原文地址:https://www.cnblogs.com/zlfProgrammer/p/8027939.html
Copyright © 2011-2022 走看看