Nuxt3 全栈结合MonogDB数据库完成后端数据接口时光小灶

最新推荐文章于 2024-05-24 13:50:40 发布

时光小灶

最新推荐文章于 2024-05-24 13:50:40 发布

阅读量1.4k

点赞数 1

分类专栏： Nuxt vue 文章标签：数据库 mongodb node.js vue.js

本文链接：https://blog.csdn.net/qq_19322833/article/details/129760423

版权

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

Nuxt

4 篇文章 1 订阅

订阅专栏

Nuxt版本：3.3.1
mongodb依赖版本：5.1.0
作者：时光个人博客：https://timebk.cn/
版权声明：原创文章，请勿抄袭，思维有限，敬请指正，转载需注明作者和原文

安装和导入mongodb依赖

node运用MongoDB实现后端接口操作数据库，我们需要安装MongoDB NodeJS 驱动程序 mongodb（如果不了解，请先在菜鸟教程里学习：Node.js 连接 MongoDB | 菜鸟教程）

通过 npm i mongodb 安装MongoDB NodeJS 驱动程序
官方的正常流程是安装依赖后在需要的接口js(或ts)文件里导入依赖

var MongoClient = require('mongodb').MongoClient;

导入依赖出现 require is not defined

在Nxut3里导入mongodb依赖会出现 require is not defined

解决方案

这里我们需要换一种导入方法，使用 import { MongoClient } from "mongodb;" 方式即可

import { MongoClient } from "mongodb;

配置

既然要链接数据库，那我们肯定是要配置一下数据库相关咯

首先，你需要在本地系统或服务器上面安装 MongoDB ，官方下载地址：MongoDB社区免费版
安装好后，在我们的 /server 文件夹下新增个配置文件 mongodb.ts

请输入图片描述

// mongodb.ts
import { MongoClient } from "mongodb";
const dbConfig = {
  ip: "", // 服务器ip
  port: "27017", // 端口，一般默认是27017
  dbname: "", // 数据库名称
  name: "", // 数据库用户名
  password: "", // 数据库密码
};
const url = `mongodb://${dbConfig.name}:${dbConfig.password}@${dbConfig.ip}:${dbConfig.port}/${dbConfig.dbname}`;
const mongodb = MongoClient.connect(url);
export default mongodb;