NuxtJs+Koa2+MongoDB全栈个人博客项目在云服务器上的部署(二)

二、项目启动和部署

1. 项目简单技术介绍:此项目为个人博客网站,前台博客网站用nuxt.js开发,后台博客管理系统及接口用Koa开发,模板引擎使用的EJS,对数据库的连接及增删改查使用了mongoose。

2. 安装两个项目依赖,命令npm install,如果npm速度很慢,我们可以使用cnpm,安装命令npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 将我们的原有的数据库的数据导入到云服务器的数据库中,打开控制台,导入命令C:\MongoDB\bin>mongorestore -h localhost:27017 -d LifeRecord C:\LifeRecordData,LifeRecord是数据库名称,C:\LifeRecordData是备份数据的路径

数据导出命令为C:\MongoDB\bin>mongodump -d localhost:27017 -d <数据库名> -o <备份数据导出路径>

4. 运行koa项目,注意只需监听3000端口号,不需要添加localhost或者1270.0.1

5. 运行nuxt.js项目,修改项目运行的主机和端口号,在nuxt.config.js文件中添加代码server:{ port:8080,host:'0.0.0.0' },axios请求代理的域名还是http://localhost:3000/api/

开发环境运行命令npm run dev

生产环境先npm run build,再npm run start

6. 进入阿里云控制台,【安全】-【防火墙】-【添加规则】-应用类型为自定义、协议为TCP、端口范围为8080,再添加一条端口范围为3000

打开浏览器在地址栏输入35.105.38.16:8080或者zhuyinghui.shop:8080或者manage.zhuyinghui.shop就能打开前台博客网站,35.105.38.16:3000或者zhuyinghui.shop:3000或者manage.zhuyinghui.shop:3000就能打开后台管理系统

那么到目前为止,我们就已经启动了前后台项目,并且通过域名/IP地址加端口号就能访问到我们的项目,接下来我们就要利用nginx,使得域名zhuyinghui.shop访问博客前台,域名manage.zhuyi

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值