nuxt路径链接加上.html

Nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架，它提供了简单易用的路由功能。在默认情况下，Nuxt.js 会根据每个页面组件的路径自动生成路由。

在 Nuxt.js 中，路径链接默认是没有后缀的，这是因为它是基于服务端渲染的应用，页面内容是由服务器在请求时生成的，而不是通过客户端动态加载。因此，不需要在路径链接中加上.html 后缀。

然而，如果你希望在 Nuxt.js 的路径链接中加上.html 后缀，可以通过一些方法来实现。

首先，在 nuxt.config.js 文件中配置 generate 属性：

module.exports = {
  generate: {
    dir: 'dist',
    fallback: '404.html',
    routes: [
      '/page1.html',
      '/page2.html',
      // 其他页面的路径
    ]
  },
  // 其他配置
}

在 generate 属性中，你可以通过 routes 属性来指定需要生成的页面路径，并将后缀设置为.html。这样，在使用 npm run generate 命令时，Nuxt.js 将会根据这些路径生成对应的静态 HTML 文件。

另外，如果你仅仅希望在开发环境中的路径链接上加上.html 后缀，可以在 nuxt.config.js 文件中的 router 属性中进行配置：

module.exports = {
  router: {
    extendRoutes(routes, resolve) {
      routes.forEach((route) => {
        if (route.chunkName === 'pages/index/index') {
          route.name = 'index-html';
          route.path = '/index.html';
        }
        // 其他页面的配置
      });
    },
  },
  // 其他配置
}

通过为页面配置自定义的 path，并将其后缀设置为.html，Nuxt.js 在开发环境中的路径链接将会带有.html 后缀。

总结来说，在 Nuxt.js 的默认配置中，不需要在路径链接中加上.html 后缀。但是，如果你有特殊需求，可以通过配置 generate 属性或者 router 属性来实现路径链接上的.html 后缀。