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就能打开前台博客网站,35.105.38.16:3000或者zhuyinghui.shop:3000就能打开后台管理

未完待续.....持续更新....

上一篇:NuxtJS如何利用axios异步请求


下一篇:【MongoDB】C# .Net MongoDB常用语法