Nuxt3全栈开发

• 版本锁定
• 引入TailwindCSS

引入Tailwind CSS

Tailwindcss · Nuxt Modules

这里使用nuxi脚手架工具安装，安装完成之后自动帮我们配置nuxt.confgi.ts引入tailwindcss，无需再手动配置了。

引入Naive UI

Nuxt官方没有实现该模块，但是Naive UI官方实现了该模块。

还有其他第三方的：

方案一：Naive UI官方

Nuxt.js – Naive UI

npm i -D naive-ui
npx nuxi module add nuxtjs-naive-ui

Prisma

Prisma · Nuxt Modules

添加到nuxt.config.ts，接着启动npm run dev

会自动生成一些文件：

lib/
  prisma.ts
prisma/
  migrations
    fdsfads
  dev.db
  dev.db-journal
  schema.prisma

vscode插件

Provider

渲染模式

前台使用SSR模式

后台使用SPA模式

鉴权

前端鉴权

设置cookie，前端JS设置COOKIE，响应头设置cookie

后端接口鉴权

FQA

如果使用了fnm，安装报错时，检测~/.nuxtrc文件

telemetry.enabled=false
modules.0=C:/Users/wuwuwu/AppData/Local/fnm_multishells/115892_1680589516921/node_modules/@nuxt/devtools/module.cjs

删除里面的内容重新安装即可。

405 HTTP method is not allowed.

• 在Get请求中使用了readBody方法。