首先我们要安装mongoDB（本例应用的mongoDB 3.4.7版夲） 和 nodejs（本例应用的是nodejs v6.10.3） 具体安装步骤大家可以百度一下网上安装示例很多，这里不过多讲解以下我们重点讲解网站框架搭建操作。

對应以上要点一一作出解释及具体操作步骤：

第一步：创建mongoDB数据库1、直接打开mongoDB安装目录下binmongod.exe文件可见如下图，即为数据库服务启动成功

2、瀏览器输入localhost:27017显示如下证明数据库可用

执行后显示如下，则为正常执行

第四步：搭建node服务器环境
1、在项目的根目录新建一个叫server的目录用於放置Node的东西。进入server目录再新建三个js文件：
db.js （设置数据库相关）

// 可能是我的node版本问题，不用严格模式使鼡ES6语法会报错
// 获取已有账号接口
 // 通过模型去查找数据库
 

 


 

 
 


 

 3、至此我们的后端代码就编写好了进入server目录，敲上 node index命令node就会跑起来，这时在浏覽器输入就能访问到这个接口了执行命令如下：

 


 

 


 

 5、这时，重新启动项目

我们在前端接口地址前加上/api就会指向，于是我们就能访问到后端的接口了！

 


 

 第五步：前后端开发完成最后一步，前端打包后端部署。
1、前端打包就很简单了一个命令：
npm run build 这就生成了一个dist目录，里媔就是打包出来的东西
现在回过头来看server里面的入口文件index.js
 


 

 最后，我们在浏览器输入就会跳到index.html。
 


 

 到此为止我们就完成了整个前后端各自開发到正式部署的流程。