axios获得了拉拉路线的传递参数

Question

我正试图通过id通过axios.get in vue.js到laravel路线。我的axios代码加参数如下，

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

我的拉拉路线如下，

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进行通信。当不提供参数时，代码就会运行。任何人都知道解决办法。

Answer 1

Considerind服务器端是Route::get('bpaper/{id}', function($id) { ...，Route::get('bpaper/{id}', function($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，则可以从模板字符串中获益。

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