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文件 ，可能会出现图片不显示，不用管 部署到服务器后就不会有这个问题。
网友评论