代码之家  ›  专栏  ›  技术社区  ›  Naveed Sheriffdeen

axios获取laravel路由的传递参数

  •  0
  • Naveed Sheriffdeen  · 技术社区  · 7 年前

    我想通过考试 id 通过 axios.get 在vue中。js至laravel路线。 我的axios code plus参数如下:,

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

    我的laravel路线如下,

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

    执行这段代码时,我的浏览器控制台上出现404错误。请求url为,

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

    我已经给了 access-control allow methods 允许通过axios进行通信。代码在不提供参数的情况下运行。任何人都知道解决方法。

    1 回复  |  直到 7 年前
        1
  •  3
  •   acdcjunior Mukul Kumar    7 年前

    Considerind服务器端是 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}`)