axios 将参数传递给 laravel 路由答案

【问题标题】：axios get passing parameter to laravel routeaxios 将参数传递给 laravel 路由
【发布时间】：2018-08-14 04:55:48
【问题描述】：

我正在尝试将 vue.js 中的 id 通过 axios.get 传递给 laravel 路由。我的axios代码加参数如下，

axios.get('http://localhost/laravel_back/public/api/bpaper',{
  params: {
    id:12
}

而我的laravel路由如下，

Route::get('bpaper/{id}', function($id)
{
return 'Paper '.$id;
});

执行此代码时，我的浏览器控制台出现 404 错误。请求网址是，

Request URL:http://localhost/laravel_back/public/api/bpaper?id=12

我已经给了access-control allow methods允许通过axios进行通信。并且代码在不提供参数时运行。任何人都知道修复。

【问题讨论】：

试试这个：axios.get('http://localhost/laravel_back/public/api/bpaper', { params: {'id': 12} })
@HirenGohel 这与我发布的内容相同，只是没有空格
我在 id 中引用了类似：'id' 你看到了吗？
@HirenGohel 对不起我的错。我也试过了，但还是一样，我得到一个 404 错误

【解决方案1】：

考虑到服务器端是Route::get('bpaper/{id}', function($id) { ...，id 是路径的一部分，而不是参数。将其添加到 URL。做：

var myId = 12;
axios.get('http://localhost/laravel_back/public/api/bpaper/' + myId)

为清楚起见，将其添加到 myId 变量中，您不必这样做。使用：

axios.get('http://localhost/laravel_back/public/api/bpaper/12')

也可以。

此外，如果您可以访问较新版本的 JavaScript，您可以从 template strings 中获益：

var myId = 12;
axios.get(`http://localhost/laravel_back/public/api/bpaper/${myId}`)

【讨论】：