似乎 nodejs 17+ 不再支持 centos。选择服务器镜像可能需要注意下。
centos安装高版本nodejs网上有办法解决,请自行搜索
- Node.js(v20.14.0) (其他node版本可能会出问题)
- Mysql
- Nuxt.js(v3.14.159)
- React (v18.3.1) + Antd (v5.22.2)
- Nest.js
永久静态博客备份地址(部署在 netlify 上) https://blog.brandhuang.com
-
master分支(默认分支) -
v-ts分支: 后续应该不会在更新了,项目能完整跑起来,能正常使用(如有需要,可自行克隆修改~)该分支前端使用 `Nuxt 2.4.0`,管理端使用`React 16.13.1`,服务端使用 `Nest.js`,数据库使用 `MySQL` -
v-new分支:后续应该不会在更新了,项目能完整跑起来,能正常使用(如有需要,可自行克隆修改~)该分支前端使用 `Nuxt2.x.js`,管理端使用 `Vue2.X.js`,服务端使用 `Koa2`,数据库使用 `MySQL`
- blog-web :该文件夹存放前端代码(即用户访问的页面代码)
- blog-admin :该文件夹存放管理后台代码(后台管理系统,用来管理博客内容的地方)
- blog-server : 该文件夹用来提供 API 服务(即为 blog 和 admin 提供接口,进行与数据库的交互)
- nginxConfig : 该文件夹是通过域名访问服务器的一些简单配置(请自行修改,更深了解请自行 Google)
- blog.sql :该文件是本博客线上使用的数据库文件(方便想使用本项目的人能轻松运行起来,数据库采用的 MySQL,请自行安装)
分别在 blog-admin、blog-web、 blog-server 文件夹下执行依赖安装
npm install
# 或者
yarn install
servre 端需要先全局安装 nestjs 脚手架
npm install -g @nestjs/cli然后在 server 文件夹执行如下代码
启动 admin 端服务:nest start -w backend
启动 blog 端服务:nest start -w frontend//blog-web
执行打包:npm run build
// 请查看package.json 文件,
// 根据 .env、.env.production、.env.test等 配置打包不通环境的版本
// 打包部署需要上传以下 2 个文件(夹)
.outtput
ecosystem.config.js
上传好文件后
pm2启动服务:
pm2 start
// admin-web
在 .env, .env.production 中配置不同的环境
执行打包:npm run build
// 请查看package.json 文件,
// 根据 .env、.env.production、.env.test等 配置打包不通环境的版本
上传 dist 文件夹
// server
// 这个不用打包,直接上传服务器
node_modules下的文件就不要上传了,太大了,把其他文件上传服务器后运行 npm install 就好了
注意自己复制 .env.example 粘贴为 .env 并修改其中内容
修改 backend 和 frontend 下的 main.js,处理跨域问题
const app = await NestFactory.create(AppModule,{
// cors: {
// "origin": ['http://www.brandhuang.com','https://www.brandhuang.com','http://admin.brandhuang.com','https://admin.brandhuang.com'],
// "methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
// "preflightContinue": false,
// "optionsSuccessStatus": 204
// }
cors: true
});
在 server 端的根目录下(此启动方式用于本地开发,服务端部署时,启动方式请看最下面!)
运行:
nest start -w backend 启动 admin 端的接口服务
运行:
nest start -w frontend 启动 web 端的接口服务
// blog.sql
本项目的数据库结构文件。数据库用的mysql
根据前面的配置,本地安装的有mysql,导入数据库文件后,应该就能把整个项目跑起来了
新建数据库时,CHARACTER 设置为 utf8mb4 , Collation 选择 utf8mb4_unicode_ci数据库 admin 端内置了一个用户,账号 test 密码 123
如果用户登不上,可自行注册一个用户
操作详情参考:issues #8
部署 Server 端注意了!!!
建议在本地执行 npm run build frontend 和 npm run build backend 完后
将 dist 目录下的 frontend 和 backend 文件夹放到服务器上的 dist 文件夹中。
然后启动(我用 pm2):
// 请查看package.json 文件,启动不同的端和环境,例如:
// 启动 web 端测试环境
npm run pm2frontend:test
// 启动 admin 端测试环境
npm run pm2backend:test
// 启动 web 端生产环境
npm run pm2frontend:prod
// 启动 admin 端生产环境
npm run pm2backend:prod(请执行完一个就部署一个,因为 dist 文件夹会被覆盖,在本地运行的时候你会发现 dist 目录下可以同时存在 frontend 和 backend 两个文件夹,但是 build 的时候不会!!)
-
项目比较详细、完整的部署请看我的文章:https://www.brandhuang.com/article/1552997590733
-
项目比较详细、完整的部署请看我的文章(备用地址零):https://blog.brandhuang.com/article/1552997590733
-
项目比较详细、完整的部署请看我的文章(备用地址一):https://juejin.im/post/6844903558895124488
-
项目比较详细、完整的部署请看我的文章(备用地址二):https://segmentfault.com/a/1190000013095046
我的垃圾服务器 在服务器直接执行 nest start frontend ,直接卡爆。。。,高配置的不知有没有问题
面向娃编程,无聊写了个微信小程序,目前支持算术题打印、自定义字帖打印、口算练习、汉字笔顺练习。欢迎扫码体验

