URL axios post方法中使用id如何反应？

Question

我试图创建一个应用程序进行管理，但在我的应用程序的循环中，我必须使用一个进程来创建会话。

在那里，我创建了一个本地化，但之后，我需要在该位置创建一个会话。

为此，我需要在发布请求 (api/localisations/{localisation_id}/sessions) 中传递本地化的 id，但我不知道该怎么做。

当我创建一个会话时，我有这个：

AddLocalisations (localisations) {
axios.request({
  method: 'post',
  url: 'http://127.0.0.1:8000/api/localisations/',
  data: localisations,

}).catch(err => console.log(err))
}

onSubmit (event) {
const newLocalisations = {
  name: this.refs.name.value,
  address: this.refs.address.value,
  phone: this.refs.phone.value,

}
this.AddLocalisations(newLocalisations)
event.preventDefault(
  this.props.history.push('/AddSessions'),
)
}

Answer 1

试试这个

 AddLocalisations = (localisation_id, localisations) => {
  let url = "http://127.0.0.1:8000/api/localisations/" +localisation_id "/sessions"; 
  let data = {localisations };
  axios.post(url, data).then(res => console.log(res)).catch(err => console.log(err))

如果它不起作用，请在项目的 package.json 文件中使用 "proxy": "http://127.0.0.1:8000",。 现在你的网址是let url = "/api/localisations/" +localisation_id "/sessions";

Answer 2

您可以通过以下方式进行操作。当您调用 AddLocalisations 时，将 localisation_id 作为参数传递给它，并在函数中将其附加到 url 变量

 AddLocalisations (localisation_id, localisations) {
      let url = `http://127.0.0.1:8000/api/localisations/${localisation_id}/sessions`; //template literals
      axios.request({
          method: 'post',
          url: url,
          data: localisations,
          }).catch(err => console.log(err))
     }