nuxt3--prisma配置

最新推荐文章于 2025-06-07 09:00:36 发布

懒羊羊h

最新推荐文章于 2025-06-07 09:00:36 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue3 文章标签： prisma nuxt3

本文链接：https://blog.csdn.net/m0_58065010/article/details/132307050

vue3 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何使用Prisma进行Node.js项目的初始化、配置数据库、创建表、安装客户端以及执行查询操作。包括了tsconfig配置、使用PrismaCLI和编写API接口示例等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、初始化

npm install prisma typescript ts-node @types/node --save-dev

ts-node 用来执行main函数更新数据库根据实际情况安装，如果不需要的话只需要安装prisma

tsconfig.json添加配置

{
  "compilerOptions": {
    "sourceMap": true,
    "outDir": "dist",
    "strict": true,
    "lib": ["esnext"],
    "esModuleInterop": true
  }
}

现在你可以通过前缀npx来调用Prisma CLI:

npx prisma

接下来，通过使用以下命令创建Prisma schema文件来设置Prisma项目:

npx prisma init

这个命令创建了一个名为prisma的新目录，其中包含一个名为schema.prisma的文件和一个位于项目根目录中的.env文件schema.prisma包含prisma模式以及数据库连接和prisma客户端生成器。 .env是一个dotenv用于定义环境变量的文件（用于数据库连接）。

二、修改配置

将.env文件中的DATABASE_URL设置为指向现有数据库（修改.env文件中的DATABASE_URL）；
修改schema.prisma文件中的datasource下的provider（有下列选项）；

postgresql, mysql, sqlite, sqlserver, mongodb , cockroachdb

三、创建数据库表

这是官网的示例(直接写在schema.prisma文件中)

model Post {
  id        Int      @id @default(autoincrement())
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
  title     String   @db.VarChar(255)
  content   String?
  published Boolean  @default(false)
  author    User     @relation(fields: [authorId], references: [id])
  authorId  Int
}

model Profile {
  id     Int     @id @default(autoincrement())
  bio    String?
  user   User    @relation(fields: [userId], references: [id])
  userId Int     @unique
}

model User {
  id      Int      @id @default(autoincrement())
  email   String   @unique
  name    String?
  posts   Post[]
  profile Profile?
}

向schema.prisma添加model执行

npx prisma migrate dev --name init

之后，终端会显示Your database is now in sync with your schema.

运行以下命令来检查数据库:

npx prisma db pull

这个命令读取.env中定义的DATABASE_URL环境变量。并连接到数据库。一旦建立了连接，它就会对数据库进行内省(即读取数据库模式)。然后将数据库模式从SQL转换为Prisma数据模型

如果使用的是sqlite数据库可以使用 npx prisma studio命令可视化数据库

四、安装Prisma客户端

npm install @prisma/client

五、查询数据库

在server/api中新增getUserInfo.ts文件

import { PrismaClient } from "@prisma/client";

const prisma = new PrismaClient();

const getFindMany = async () => {
  return await prisma.user.findMany();
};

export default defineEventHandler(async (event) => {
  try {
    const data = await getFindMany();
    return {
      code: 200,
      data,
    };
  } catch (error) {
    console.error(error);
    return sendError(event, createError("Failed to retrieve data!"));
  }
});

页面中调用

$fetch("/api/getUserInfo", {
    method: "get",
  });