vue写请求接口--请求参数的变量要在return里面声明

//谨记return里面是返回所有声明的变量的名字,数组以及对象等等
export default {
  data () {
    return {
//所有的变量都是写在data 的return里面的,主要错误点在于请求参数的变量要在这里声明;
      imgGroup: {
        user: require(‘../static/images/icon/user-ava.png‘),
        payment: require(‘../static/images/icon/wait-payment.png‘),
        delivery: require(‘../static/images/icon/wait-delivery.png‘),
        receive: require(‘../static/images/icon/wait-receive.png‘),
        completed: require(‘../static/images/icon/order-completed.png‘),
        detail: require(‘../static/images/icon/bonus-detail.png‘),
        card: require(‘../static/images/icon/bonus-card.png‘),
        manage: require(‘../static/images/icon/address-manage.png‘),
        maket: require(‘../static/images/icon/after-maket.png‘),
        jfs: require(‘../static/images/icon/about-jfs.png‘)
      },
      requestUrl: {
        scoreTotal: ‘/scoreTotal‘
      },
      requestParam: {
        scoreTotal: {//这里是要传递的参数
          userId: "2768",
          token: "b15dJIVKbfX1vfODv78erjDJwZre1QVhbzYzUYj2ep7uM07vFE9BCA==",
          ppInfo: "AxMDA3NDkw%Mjc2ODE4Mz",
          browser: "Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4",
          clientType: 3,
          version: "1.0.0001.0613"
        }
      },
      credits: "",//当前积分,这里是页面所需要显示声明的变量
      deductCash: "",//可抵扣金额
    }
  },
  created () {
    var vm = this;
    vm.creditRequest();
  },
  methods: {
    //获取总积分
    creditRequest(){
      var vm = this;
      vm.$http.post(vm.requestUrl.scoreTotal, vm.requestParam.scoreTotal, {
        headers: {
          "X-Requested-With": "XMLHttpRequest"
        },
        timeout: 5000,
        emulateJSON: true
      }).then(function (res) {
        var data = res.data;
        console.log(data);
        if (data.code == 200) {
          vm.credits = data.amount;//当前积分,这里是页面所需要显示的变量的请求返回的数据
          vm.deductCash = parseFloat(data.amount / 100).toFixed(2);//可抵扣金额
          console.log(vm.credits, vm.deductCash);
        } else if (data.code == 501) {
          alert(data.desc);
        } else {
          alert(data.desc);
        }
      })

    },
  }
}

  

时间: 2024-10-28 20:26:22

vue写请求接口--请求参数的变量要在return里面声明的相关文章

FormData请求接口传递参数格式

element ui组件方法的传递 //引入 组件. <el-upload class="avatar-uploader" :action="action" :http-request="uploadFile" :show-file-list="false"> <img v-if="imageUrl" :src="imageUrl" class="avatar

Jersey写Restful接口获取参数的问题

缘起 工作时使用java开发服务器后台,用Jersey写Restful接口,发现有一个Post方法始终获取不到参数,查了半天,发现时获取参数的注释不太对,将@formparam写成了@queryparam,发现了这个改过来就好了,顺便整理了一下不同参数的作用. 简述 获取URI的参数 获取Get请求的参数 获取Post类型的参数 添加参数默认值 获取Map参数 1.@PathParam 使用该注释获取参数时可以获取URI中制定规则的参数 例如: 当浏览器请求 http://localhost:8

vue打包后,接口请求404的完美解决方案

在开发环境中,和后台对接为了解决跨域问题,使用了代理,也就是vue的proxyTable,但是打包放到生产环境中去时,接口请求不到,404,原因是开发环境的代理并不能用到生产环境,但是直接在请求接口是使用服务器地址,可以成功,但是会造成cookie丢失而失去权限验证 我脑海里出现有两种办法,一是使用代理,如何解决接口路径请求404的问题,二是直接写请求路径,如何解决cookie丢失的问题 之前因为cookie丢失,后台忙活了很长时间,好不容易才解决的,加之开发环境下并不会丢失,所以我的想法是继续

httprunner学习3-extract提取token值参数关联(上个接口返回的token,传给下个接口请求参数)

前言 如何将上个接口的返回token,传给下个接口当做请求参数?这是最常见的一个问题了. 解决这个问题其实很简单,我们只需取出token值,设置为一个中间变量a,下个接口传这个变量a就可以了.那么接下来就是解决两个问题: 如何取出token值? 如何参数关联? 场景案例 我现在有一个登陆接口A,登陆成功后返回一个token值.有一个获取绑定卡号的接口B,但是接口B必须要先登录后传登录的token才能访问 A接口登录接口文档基本信息 访问地址:http://127.0.0.1:8000/api/v

axios,vue-echarts, async, vue 图表数据处理; axios 跨域代理; 异步同步请求接口;生命周期函数

1.vue-echarts 安装和组件引用 插件官网 https://github.com/ecomfe/vue-echarts 安装 npm install eacharts vue-echarts 页面引入 import ECharts from 'vue-echarts' import ECharts from 'vue-echarts' import 'echarts/lib/chart/line' // 折线图 import "echarts/lib/component/title&q

Js生成接口请求参数签名加密

js生成接口请求参数签名加密 定义规则:将所有参数字段按首字母排序, 拼接成key1 = value1 & key2 = value2的格式,再在末尾拼接上key = appSecret, 再做MD5加密生成sign,方法如下: function getSign(params, kAppKey, kAppSecret) { if (typeof params == "string") { return paramsStrSort(params); } else if (type

python接口自动化-参数关联和JSESSIONID(上个接口返回数据作为下个接口请求参数)

参数关联是接口测试和性能测试最为重要的一个步骤,很多接口的请求参数是动态的,并且需要从上一个接口的返回值里面取出来,一般只能用一次就失效了.最常见的案例就是网站的登录案例,很多网站的登录并不仅仅只传username和psw两个参数,往往有其它的动态参数.有时候还需要带上cookies参数,如JSESSIONID 登录参数 首先分析下目标网站[学信网:https://account.chsi.com.cn/passport/login]的登录接口请求参数.先随便输入账号和密码,使用fiddler工

go中处理各种请求方式以及处理接口请求参数

话不多说直接上代码,解读内容全部在代码中 1.处理请求方式 package main import ( "fmt" "io/ioutil" "net/http" "net/url" "strings" ) //这个文件是对于net/http包的解读 func httpGet() { //func Get(url string) (resp *Response, err error) resp, err :=

支付宝手机网页即时到账接口(2)之授权接口请求

前言 这篇文章主要讲诉系统调用支付宝手机网页即时到账授权接口获取支付宝返回的request_token. 上篇文章地址:支付宝手机网页即时到账接口(1)之相关信息介绍. 这是上篇文章结尾调用授权接口的图解. 官方文档中对授权接口的说明是: 商户利用编程方法来模拟http请求远程解析html,获取支付宝返回的结果数据后,可以结合自身网站的业务逻辑进行数据处理. 说明中不难看出我们的代码中需要模拟http提交参数,然后解析支付宝返回的结果再进行处理.该项目是用java编写的,所以后续代码也是用jav