在 vue js 和后端 laravel 中发送参数数据值数组不起作用

Question

我在将值数组发送到后端时发现一个问题，在后端我已将其设置为接受值数组。但是当我检查邮递员时，该功能运行成功。但是当我在使用 vuejs 的前端实现它时，该功能不起作用。当后端点击 api 时服务器发送的消息如下所示。

我觉得在这种情况下很难传递参数值数组。我扔值时是否有错误。谢谢你帮助我

代码后端方法POST

public function storeInsert(Request $request)
    {
       
        $data= $request->get('data');
        $response =  gradingakhir::insert(json_decode($data, true)); // Eloquent approach
         return response()->json([
            'code' => 1,
            'success' => true,
            'message' => 'Data berhasil ditambah!',
            'data' => $data
        ], Response::HTTP_OK);
    } 


#FONT END CODE

var params = {
        data: this.dataStoreGradding,
      }
      console.log(this.dataStoreGradding)
      console.log(params)

      const res = await apiService.postGradingAkhir(params).then(res => res)

# CODE SERVICE HIT FRONT END TO BACKEND
  postGradingAkhir(param) {
    const url = `${API_URL_DEV}post-grading-akhir`
    options.headers.Authorization = 'bearer ' + localStorage.getItem('token')
    const data = axios
      .post(url, param, options)
      .then(response => response.data)
      .catch(err => err)
    return data
  }

Answer 1

您必须以这种方式通过 FormData 发送数组：

    let params = new FormData;
    let arr = ['this', 'is', 'an', 'array'];
    
    for (var i = 0; i < arr.length; i++) {
      params.append('arr[]', arr[i]);
    }
      postGradingAkhir(params) {
        const url = `${API_URL_DEV}post-grading-akhir`
        options.headers.Authorization = 'bearer ' + localStorage.getItem('token')
        const data = axios
          .post(url, params, options)
          .then(response => response.data)
          .catch(err => err)
        return data
      }

在 vue js 和后端 laravel 中发送参数数据值数组不起作用

Send parameter data value array in vue js and backend laravel not work

vue.js

vuetify.js

laravel-api