Vue js参数无法进入路由答案

【问题标题】：Vue js parameter can't get in routeVue js参数无法进入路由
【发布时间】：2021-04-04 10:25:50
【问题描述】：

我使用VueJS和laravel，但现在无法获取参数值，请帮我解决这个问题。

我的 VueJS 代码：

getTestData:function () {
    let config = {
        params: {
            id: 1
        }
    };
    axios.post('{{ route('get_user_data') }}', config)
        .then(function (response) {
            console.log(response);
            // app.posts=response.data;
        })
        .catch(error => {

        })
    },

我的控制器代码：

public function testData(Request $request)
{
    // how to get this value?
}

我的路线

Route::post('get-user-data','TestController@testData')->name('get_user_data');

【问题讨论】：

标签： javascript ajax laravel vue.js

【解决方案1】：

params是要随请求一起发送的URL参数

您可以在控制器中 retrieve input from query string 为：

public function testData(Request $request)
{
    $id = $request->query('id');
}

【讨论】：

【解决方案2】：

您实际上不需要发布请求来从数据库中获取一些值。获取请求会更合适。

你需要在路由定义中有参数

Route::get('get-user-data/{id}','TestController@testData')->name('get_user_data');

//If you want to use post route

Route::post('get-user-data/{id}','TestController@testData')->name('get_user_data');

然后在控制器方法中，您可以从请求中获取值

public function testData(Request $request)
{
    $id = $request->route('id');
}

【讨论】：