发送请求时携带了参数,但是浏览器network没有显示的排错思路

2023-05-12,,

发送请求携带了参数,但是浏览器network没有显示的排错思路

不知道大家有没有遇到这样子的情况就是发送请求的时候明明携带了参数,但是浏览器的network中就是没有!请看下图和代码!

我发送请求用的是Axios!拦截器也做了一些配置!

请求的js文件:

/*
* @Author: Justice
* @Date: 2021-03-18 15:22:43
* @LastEditors: Justice
* @LastEditTime: 2021-03-18 17:46:19
* @Description: file content
* @FilePath: \report-h5\src\api\equipment\index.js
*/
import http from '@/utils/http'; /**
* @description:
* @param {Object} params:{wbrybh,key} 维保人员id,关键字
* @return {*}
*/
// export const getList = params => http.get(`/f/wbApi/getWbSbjcListByUser`, { params }) // 设备信息-查询接口!
export const getDeviveInformations = params => http.get(`/a/elmt/deviceParameters/findDeviceParameter`, { params })

在组件上:

import {getDeviveInformations} from "../../api/equipment";

methods: {
requestMyDeviceData () {
getDeviveInformations({
id: this.data
}).then(res => {
console.log(res)
// this.data = res.data.list
if (res.data.list) {
this.data = res.data.list
console.log('成功获取到设备列表数据!')
} else {
Toast({
message: '获取列表数据失败'
})
}
})
} }

你可以看到我发送请求的时候带上了this.data这个参数,但是在浏览器里并没有显示!

下面就分了三种情况:

1 有参无值【就是你是携带了参数, 但是他的值是空的或者是undefined!】

你看我上面的this.data 我是把data放在混入里面的他的初始值为[] 也就是一个空的数组!, 这就是导致她没有传参的原因!

然后我把混入里面的data改成一个有初始值的数组:

这下参数就传递上去了

2 传递了两个参数, 但是只传递成功了一个,【这个很有可能是你的第二个值写错了!】

3 写请求方式的时候post请求传递参数是不需要加上{}号的,而get请求参数是要加上{}号的!

// 我的设备基本情况接口
export const getMyDeviceBasicSituation = params => http.get(`/a/elmt/wbLoadTest/getDeviceInfoByDeviceCode`, { params }) // 载荷试验-保存 接口、
export const saveLoadTest = params => http.post(`/a/elmt/wbLoadTest/mobilesave`,params);

发送请求时携带了参数,但是浏览器network没有显示的排错思路的相关教程结束。

《发送请求时携带了参数,但是浏览器network没有显示的排错思路.doc》

下载本文的Word格式文档,以方便收藏与打印。