带有参数请求的 Axios GET 在 Laravel 中显示 NULL

Question

我正在使用 axios get request 向我的 laravel 控制器发送一些数据，但 laravel 控制器显示 request null。

我的 axios 请求：

const data = {
    machine_id: machine_id,
}

const api = "http://192.168.0.108:8000/api/"
const params = JSON.stringify(data)
const headers = {
    "Content-Type": "application/json",
}
axios.get(api, { params: params }, headers).then((response) => {
    consoleLog("response", response.data)
})

控制器：

public function index(Request $request)
{
   dd($request->all()); // shows null

}

如果我返回响应而不是 dd()，它会显示如下图所示：

public function index(Request $request)
{
   return $request->all(); // shows data

}

如何捕捉控制器中的数据？

Answer 1

我和你有同样的问题。这就是我为解决我的问题所做的工作

let config = {
               headers: {
                  'Content-Type': 'application/x-www-form-urlencoded',
               } 
          }

let params = new UrlSearchParam();
    params.append('var1', 'val1');
    params.append('var2', 'val2');

//Finally

axios.post('gotourl', params, config).then( ( response ) => {
      console.log(response.data);
});