傳送請求時攜帶了引數，但是瀏覽器network沒有顯示的排錯思路

lvhanghmm發表於2021-04-08
瀏覽器

傳送請求時攜帶了引數，但是瀏覽器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);

相關文章