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

Question

我正在使用axios get请求向laravel控制器发送一些数据，但是laravel控制器显示请求为空。

我的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);
});