API의 데이터가 포함된 Nuxt 2 동적 사이트맵
nuxt 프로젝트에서 익스프레스 API를 활성화했는지 여부에 관계없이 이 쉬운 3단계 프로세스를 통해 원하는 결과를 얻을 수 있습니다.
// nuxt.config.js
export default {
serverMiddleware: [
{ path: "/sitemap.xml", handler: "~/api/sitemap/index.js" },
],
};
// folder structure
root
└───pages
└───api
└───sitemap
│ index.js
// api/sitemap/index.js
const app = require("express")();
app.all("/", (req, res) => {
try {
// you can loop through some data and build this up
let sitemap = `
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/foo.html</loc>
<lastmod>2018-06-04</lastmod>
</url>
</urlset>
`
res.set('Content-Type', 'text/html');
res.status(200).send(Buffer.from(sitemap));
} catch (error) {
res.status(500).send(error.message)
}
})
module.exports = app;
없다면 익스프레스를 설치하세요.
localhost 사이트 맵 경로를 방문하십시오.
Reference
이 문제에 관하여(API의 데이터가 포함된 Nuxt 2 동적 사이트맵), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/greggcbs/nuxt-2-dynamic-sitemap-with-data-from-api-eff텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)