Vue.js，如何通过axios发送api链接中的对象？

Question

所以我有GET | HEADapi:api/users/{user}，它调用函数App\Http\Controllers\api\UserController@show。Laravel中的此功能是：

   public function show($id){
    return new UserShowResource(User::findOrFail($id));
}

如何发送变量id到我的函数。我在某处发现了这个：

const helpVar = axios.get('/api/users/{this.$route.params.id}').then(response => {
           this.users = response.data;
           this.loading = false;
             
        });

但它不起作用。我尝试了axios.get（'/api/users/1'），它返回给我一个id=1的用户，所以问题在于axios中的这个链接。

Answer 1

我认为您应该使用`而不是'，这样就可以通过{this.$route.params.id}；

const helpVar = axios.get(`/api/users/{this.$route.params.id}`).then(response => {
           this.users = response.data;
           this.loading = false;
             
        });

Answer 2

您的代码不起作用，因为您使用的是简单的引号。当您尝试使用模板文字进行插值时，必须将代码更改为：

js prettyprint-override">
const helpVar = axios.get(`/api/users/${this.$route.params.id}`).then(response => {
           this.users = response.data;
           this.loading = false;
             
        });

• 请注意将“”更改为``