个人博客项目

该个人博客项目是一个基于 Nuxt.js 和 Vue.js 的全栈应用，包含了前台展示、后台管理和接口服务。

前台（Nuxt.js）

安装和运行

1. 克隆项目到本地：
   git clone

2. 进入项目目录：
   cd your_blog

3. 安装依赖：
   pnpm install

4. 运行开发服务器：
   pnpm dev

5. 访问前台页面：

   打开浏览器，访问 http://localhost:3000

后台

后台部分使用 Vue 3 和 TypeScript 进行开发，提供了博客内容的管理功能。

技术栈

Vue 3
TypeScript
Vuex 状态管理
Vue Router 路由管理
Axios 发起 HTTP 请求
Naive 组件库

安装和运行

1. 进入后台目录：
   cd your_blog_admin

2. 安装依赖：
   pnpm install

3. 运行开发服务器：
   pnpm beta

4. 访问后台管理页面：
   打开浏览器，访问 http://localhost:5173

接口

接口部分使用 Express 框架进行开发，提供了博客内容的数据接口服务。

技术栈

Express
MySQL 数据库连接
Bearer 身份验证

安装和运行

1. 进入接口目录：
   cd your_blog_api

2. 安装依赖和运行：
   pnpm install

3. 配置数据库连接信息：
   在 app/model/db.js 文件中填写正确的数据库连接信息。

4. 导入数据库表结构：
   使用提供的 SQL 数据库文件导入数据表结构。

5. 运行接口服务：
   nodemon app.js

部分截图

前台：

后台：

有意者

微信：nidemingzi0804 qq：3305565763@qq.com