Axios Vue Js：如何获取此对象的值以显示在 api get request url

Question

这是我的 vue 文件，它接受表中的 id。这行得通，我可以从表格行中获取数据 id

  showProd (id) {
   Products.showProd().then((response) => {
     console.log(show1prod.product_name)
   })
   .catch((error) => {
     alert(error)
   })

这是我调用 axios.get 的配置文件，我可以到达后端但不生成查询，因为这个 url/api 发送的对象我相信不是 id 号

export default {
    async showProd(id) {
        return Api.get('/products/{id}',id)
    },

    loadProds () {
        return Api.get('/products')
    }

}

Answer 1

首先确保您的 API 调用正确：

export default {
    showProd(id) { // async not needed, axios returns promise
        return axios.get('/products/' + id)
    },

    loadProds () {
        return axios.get('/products')
    }
}

你可以调用这些函数：

showProd (id) {
   Products.showProd(id).then((response) => { // Note the id in the call
     console.log(response.data.product_name) // Use the response object
   })
   .catch((error) => {
     alert(error)
   })