Кто-нибудь знает, как использовать метод удаления в API с помощью Typescript?

Question

Я хочу подтвердить, как использовать 'ax ios' в 'nuxt. js'. Я использовал образцы данных, я действительно хочу знать, как использовать метод 'ax ios' в 'nuxt. js' с помощью машинописного текста.

Метод публикации был успешным, поэтому я подумал, что метод удаления - это тот же код как почтовый метод. Но метод удаления не сработал. Я не знаю, как исправить эту проблему. Кто-нибудь знает? Код ниже.

<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

Вам не хватает sla sh в 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));
}