有谁知道如何通过 Typescript 在 API 中使用 delete 方法？

Question

我想确认如何在“nuxt.js”中使用“axios”。 我使用了样本数据， 我真的很想知道如何使用 typescript 在 'nuxt.js' 中使用 'axios' 方法。

Post 方法是成功的，所以我认为 delete 方法与 Post 方法的代码相同。 但是删除方法不起作用。 我不知道我该如何解决这个问题。 有人知道吗？代码如下。

<template>
  <div>
    <v-row>
      <v-col cols="3">
        <v-text-field v-model="name"></v-text-field>
      </v-col>
      <v-col cols="3">
        <v-btn @click="createNewUser">CreateNewUser</v-btn>
      </v-col>
    </v-row>
    <v-row>
      <v-col>
        <ul>
          <li v-for="user in users" :key="user.id">
            {{user.name}}
            <v-btn @click="deleteUser(user.id)">DeleteUser</v-btn>
          </li>
        </ul>
      </v-col>
    </v-row>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from "nuxt-property-decorator";
import axios from "axios";

@Component({})
export default class extends Vue {
  users: object[] = [];
  name: string = "";
  
  async mounted() {
    axios.get("https://jsonplaceholder.typicode.com/users",{params:{name:'Glenna Reichert'}})
        .then(response=>this.users = response.data)
        .catch(response=>console.log(response));
    axios
  }

  createNewUser() {
    axios
      .post("https://jsonplaceholder.typicode.com/users", { name: this.name })
      .then((response) => this.users.unshift(response.data))
      .catch((response) => console.log(response));
  }
    
  deleteUser(id: any) {
    axios
      .delete("https://jsonplaceholder.typicode.com/users"+id)
      .then((response) => console.log(response))
      .catch((response) => console.log(response));
  }
}
</script>

Answer 1

URL 中缺少斜杠，最好使用模板文字来减少错误。

async deleteUser(id:any){
   await axios.delete(`https://jsonplaceholder.typicode.com/users/${id}`)
         .then((response) => console.log(response.status))
         .catch((response) => console.log(response.status));
}