Vue/Nuxt 中如何从 URL 获取参数？。这有效： <script setup> const {数据：内容} = ...</desc> <question vote="0"> <p>使用 Nuxt 我有一个页面 <pre><code>pages/works/[author]/[title].vue</code></pre>，后端 API 位于 <pre><code>localhost:8000/api/works/<author>/<title></code></pre>。</p> <p>这有效：</p> <pre><code><script setup> const {data: content} = await useFetch('http://localhost:8000/api/works/SomeAuthor/SomeTitle') </script> </code></pre> <p>如果我尝试让它变得动态</p> <pre><code>const config = useRuntimeConfig(); const route = useRoute(); const url = config.apiUrl + '/api/works/' + route.params.author + '/' + route.params.title; console.log('url is' + url); // Seems ok const {data: content } = await useFetch(url); // Errors </code></pre> <p>它坏了，我得到了 4 行</p> <pre><code>[Vue Router warn]: No match found for location with path "/works/SomeAuthor/undefined/api/works/SomeAuthor/SomeTitle" </code></pre> <p>可能是什么原因造成的？预先感谢您的帮助！</p> </question> <answer tick="false" vote="0"> <p>正如我所见，获取路由参数没有问题，它应该可以正常工作，但错误出在它本身的路径内。 <strong>作品/SomeAuthor/未定义/api/作品/SomeAuthor/SomeTitle</strong></p> <p>你会得到一条重复的路径，它不应该是这样的。也许是你的文件夹结构有问题？如果您可以提供代码，我可以看一下并提供更多帮助。</p> </answer> </body></html>