How to generate a sitemap in Vue.js?

1

npm install vue-sitemap-generator

1

yarn add vue-sitemap-generator

1
2
3
4
5
6
7

const SitemapGenerator = require('vue-sitemap-generator');

const generator = new SitemapGenerator('http://your-website-url.com', {
  exclude: ['/404'] // exclude any specific routes from the sitemap
});

generator.generate('./dist/sitemap.xml'); // output the sitemap to ./dist/sitemap.xml

1
2
3
4
5

{
  "scripts": {
    "generate-sitemap": "node sitemap.js"
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

import { createRouter, createWebHistory } from 'vue-router';

const router = createRouter({
  history: createWebHistory(),
  routes: [
    // your routes here
  ]
});

router.afterEach(() => {
  const { exec } = require('child_process');
  exec('npm run generate-sitemap');
});

export default router;

1

npm run generate-sitemap