Vue.js 如何在Vue Nuxt应用程序中正确设置dynamic sitemap.xml路由?

Vue.js 如何在Vue Nuxt应用程序中正确设置dynamic sitemap.xml路由?,vue.js,nuxt.js,sitemap,Vue.js,Nuxt.js,Sitemap,我正在使用@nuxtjs/sitemap在我的Nuxt应用程序中自动生成一个站点地图,但它不能很好地生成内部路由,我想根据实际存在的帖子动态定义用户帖子的路由。考虑这一点: 我希望能够自动生成并更新站点地图,而不是在我的站点地图中提供0、1和3值 我似乎无法从nuxt.config.js文件中调用nuxt的axios插件,而且我不知道如何完成这项任务,我希望得到任何指导。您不能使用nuxt.config.js脚本中的@nuxtjs/axios,如下所述: 因此,您必须直接使用axios

我正在使用
@nuxtjs/sitemap
在我的Nuxt应用程序中自动生成一个站点地图,但它不能很好地生成内部路由,我想根据实际存在的帖子动态定义用户帖子的路由。考虑这一点:

我希望能够自动生成并更新站点地图,而不是在我的站点地图中提供0、1和3值


我似乎无法从nuxt.config.js文件中调用nuxt的axios插件,而且我不知道如何完成这项任务,我希望得到任何指导。

您不能使用
nuxt.config.js
脚本中的
@nuxtjs/axios
,如下所述:

因此,您必须直接使用
axios
进行XHR调用,并为
sitemap
配置生成动态路由,如下所示:

const axios=require('axios');
{
// ...
网站地图:{
路由:异步()=>{
const{data}=await axios.get('https://jsonplaceholder.typicode.com/posts')
返回data.map((用户)=>`/posts/${post.id}`);
}
}
}
参见文档中的示例:


每次呼叫您的
https://example.com/sitemap.xml
,sitemap模块将执行“路由”功能并动态更新您的
sitemap.xml
文件。

谢谢。作品