nuxt-generate 静态站

nuxt generate部署静态站

在nuxt.config.js配置页面路径

 generate: {
   // 动态路由不可识别，所以这边需要写
   // 可预测的可以直接写
    routes: [
      '/zh',
      '/en',
      '/zh/service/a',
      '/en/service/a',
      '/zh/service/b',
      '/en/service/b',
    ]
   // 不可预测的动态路由则通过axios搭配promise或者回掉函数配置
  // 可看官网https://zh.nuxtjs.org/api/configuration-generate
  }

默认情况下，运行nuxt generate将为每个路由创建一个目录并生成index.html文件。

image.png

在nuxt.config.js里generate选项里配置
subFolders： flase
设置为false时，将根据路由路径生成HTML文件

image.png

部署后项目会生成dist目录，直接打开对应的html文件 ，可能会出现图片不显示，不用管 部署到服务器后就不会有这个问题。