發送請求時攜帶了參數,但是瀏覽器network沒有顯示的排錯思路

發送請求時攜帶了參數,但是瀏覽器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);