使用umi + egg + node 部署个人博客方案

743 阅读2分钟

一:打包项目

Web端项目直接运行build打包,生成dist文件夹。Egg项目删除node_modules,可以加快解析上传的速度

二:打包的文件放入站点相对应的文件夹下

1646272723(1).png

三:启动egg项目

在终端下,切换到对应的目录下,我的是/www/wwwroot/zypbk.cn/Egg 对应的终端命令就是:cd /www/wwwroort/zypbk.cn/Egg, 执行npm i 安装依赖,等依赖安装完毕

1646272984(1).png 附上一张:Egg 依赖内容,不了解 egg-scripts 可以去了解下。

1646273033(1).png

四:连接数据库

填写数据库信息,注意数据库名和用户名

1646273079(1).png

数据库名称 对应database 用户名一般用root 密码用设置的密码

1646273563(1).png

在Navicat 可视化数据库工具中 邮件数据库选择转储为SQL,将转储的文件导入到宝塔的数据库

1646273639(1).png

一定要上传以后点导入,不然是仅仅上传,这里是一个坑

1646273701(1).png

查看数据库中的表是否导入成功

1646273751(1).png

在终端运行 切换到egg 项目对应的文件下,执行npm run start ,执行成功后,服务器就已经部署到线上了

但是这个时候,你并不能在项目中访问到服务器,项目运行中会提示接口404,找不到对应的接口,因为项目中的反向代理在正式环境是不生效的,这时候我们需要去配置宝塔的nginx 的反向代理。

五 : 配置nginx的反向代理

1646274060(1).png

1646274011(1).png

   # 反向代理
    location ~ /api/ {
        proxy_pass http://XXXX;
    }

这样就可以愉快的在项目中访问到服务接口了

坑点

如果服务器成功运行无法访问,找到安全,放行7001端口,egg启动默认为7001 端口,如果设置了请自行方形其他端口

1646274199(1).png

博主初期搭建的个人博客:zypbk.cn,封装了一套schema表单和简单地可视化低代码表单组件 有大佬或者同学可以交流下,一起进步。