一、介绍
Nuxt.js 是一个基于 Vue.js 的开源框架,用于构建服务端渲染 (Server-Side Rendering, SSR) 或静态生成 (Static Site Generation, SSG) 的单页应用 (Single-Page Applications, SPA),可以用来作为全栈项目开发框架使用。本篇主要分享下我在使用Nuxt3.0项目做全栈项目开发时遇到的连接MongoDB数据库的经验。
二、MongoDB数据库安装
关于MongoDB数据库的安装这里不再赘述,请参考:MongoDB安装(超详细)_mongodb 安装_AI bro的博客-CSDN博客,这位博主的文章写的很详细了。
三、在Nuxt3.0中连接MongoDB数据库
虽然在nuxt3.0的官网中也有一个插件Nuxt-mongoose Module · Nuxt,但是个人使用起来有一些奇怪的问题出现。所以这里推荐一个github上的开源工具库timb-103/nuxt-mongodb: A simple way to use mongoDB in your Nuxt 3 project. (github.com),这个工具库使用步骤简单,亲测有效!
我在项目中使用的就是这个工具库,接下来根据库作者的说明进行讲解: