Skip to content

hd996/nuxt3-demo

Repository files navigation

Nuxt3 Demo

nuxt3 demo

集成功能列表

  • Saas
  • ESLint + Prettier
  • Element Plus
  • I18n
  • 数据库
  • 多环境部署

开发

导入 init.sql

$ yarn install
$ yarn dev

# 健康检查
$ curl http://localhost:3000/api/health
# 数据库API接口
$ curl http://localhost:3000/api/user

上线

  • 参考 Dockerfile,我部署使用的是 Kubernetes

你可能遇到的问题 & 解决方案

  • I18n
  • Nuxt3 I18n Discussions
  • Element Plus
  • 静态资源CDN
  • 环境配置
    • 可以参考 config 目录以及 server/db.ts 中的使用
    • Dockerfile 注入 NODE_ENV 变量,确保打包时的环境变量和上线后统一
  • 数据库: 使用的是 Sequelize ,如果使用 Typeorm 可能在配置 entities 有问题,所以也没有尝试使用

相关链接

  • 色彩方案
    • assets/scss/_var.scss 下有根据主色生成的色阶,可以通过我写的色彩方案生成,参考 Ant Design 的代码,喜欢的帮忙点个 Star
  • Nuxt3

最后要说的话

  • 目前 Nuxt3 仍存在很多问题,包括相关配套工具的没有适配,不建议此时放到生产环境,但如果是一些比较简单的项目,我倒觉得可以试一试
  • 喜欢的帮忙点个 Star