Vue.js Vue Axios动态URL

我想在vue.js应用程序中动态创建axios post操作的URL路径

行动如下：

editProduct: function ({dispatch, commit}, payload) {
  axios
    .put('http://localhost:8081/product/5b5ca691e4f0d93c18e3f6d9', payload)
    .then(res => dispatch('loadProducts', res.data))
    .catch(function (error) {
      console.log(error)
    })
    .then(() => {
      commit('clearAddEditProduct')
    })
}

我想用状态中的任何内容替换“5b5ca691e4f0d93c18e3f6d9”

state: { // data
product: {
  name: '',
  description: '',
  externalid: '',
  active: '',
  id: ''
}

特别是产品ID

---

有什么建议吗？

使用传递到操作的上下文中的

状态

比如说

editProduct:function（{dispatch，commit，state}，payload）{
//注意下面的返回。这允许您编写操作
返回轴
.放(`http://localhost:8081/product/${encodeURIComponent（state.product.id）}`，有效负载）
//等

请参阅，特别是注意该部分


请注意，我使用的是格式化URL字符串

'http://localhost:8081/product/' + encodeURIComponent(state.product.id)

put请求现在将“${state.addeditproduct.id}”作为id发送。有关详细信息，请参阅我的答案。我这里有代码示例。@JakeMcCabe您使用了单引号，但我的答案使用了反勾号，即
`
。请参阅