Nuxt + axios ...如何在axios网址中添加{{this。$ route.params}}?

时间:2020-11-11 10:07:01

标签: vue.js axios nuxt.js

您好,我想将{{this。$ route.params}}添加到我的axios网址中,以获取专用配置文件页面上的数据。 这是我要在axios url中添加“ id”的部分: enter image description here

“ RikLamers”的Axios代码向我解释了如何获取数据,这是我要添加“ this。$ route.params”的地方:

 data() {
  return {
    results: [],
  }
},
 async  mounted() {
  await axios.get(`API url" ${to.params.id}`)
.then(response => {this.results = response.data.content})

 }, 

但是我在某个地方弄错了,希望有人可以向我解释?

1 个答案:

答案 0 :(得分:1)

您可以使用this.$route.params.id访问URL参数。使用try catch时,请使用await

data() {
  return {
    results: [],
  }
},
async  mounted() {
  try {
    const response = await axios.get(`[Your API URL]/${this.$route.params.id}`)
    this.results = response.data.content
  catch (e) {}
},