nuxt项目如何在路由地址上添加.html后缀?

发布时间 2023-07-19 19:43:12作者: 慕城蓝就
export default {
  // ...

  router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'test-id-html',
        path: '/test/:id.html',
        component: resolve(__dirname, 'test/_id.vue')
      });

      routes.push({
        name: 'test-html',
        path: '/test.html',
        component: resolve(__dirname, 'test/_id.vue')
      });
    }
  }

  // ...
}

  

nuxt.config.js
...
 router: {
     extendRoutes(routes, resolve) {
         routes.push({
             name: "newsHtml",
             path: "/news/:id.html",
             component: resolve(__dirname, "src/pages/news/id.vue")
         });
    }
  },