*** 1、express 说明 ***
使用Express可以快速搭建完整功能的网站
使用Express搭建框架需要先安装node.js
*** 2、全局安装express-generator ***
npm install express --save -g
npm install express-generator --save -g
*** 3、开始搭建sever ***
3.1 : 创建一个文件,例如:demoServe
3.2:进入创建的文件夹 ,cd demoServe
3.3 输入命令‘ express “文件名字” ’ ,创建一个新的项目,如下:
*** 4、介绍服务器目录***
*** 5、安装依赖***
npm install
注:没有安装依赖,直接start,会报错,所以要记得安装依赖,如下:
*** 6、修改文件***
在www文件中,可以修改端口号,默认3000
*** 7、将打包的文件复制到服务器中 ***
将用build 打包的文件dist内的内容复制到public文件夹下
*** 8、运行服务器 ***
npm run start
'start’可以修改,在package.json文件内,如下:
*** 9、在node服务器上写接口 ***
9.1:找到 app.js 文件
9.2:将默认引入的router注释掉,如下图:第7行和第8行、第22行和第23行
9.3:在根目录下创建一个新的 routers.js 文件,如下图:根目录最后一个文件
9.4:将routers.js文件引入app.js文件中,如下图:25行和26行
9.5:将以下内容粘贴到 routers.js 文件中
var express = require('express');
var router = express.Router();
router.use('/', require('./routes/home'));
// router.use('/member', require('./routes/member'));
module.exports = router;
9.6:在 routes 文件夹中新建home文件夹,home文件夹下新建 index.js 文件
在index.js文件中,引入express和router,并且生成路由,并把路由暴露出去,如下
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
res.send('这是默认的/');
});
module.exports = router;
9.7:关闭服务器,重新运行
9.8:可以用 http:localhost:3000 在浏览器上查看内容
9.9: 服务器的接口已经完成
*** 10、补充服务器接口,创建子路由 ***
10.1: 在routes 文件夹下生成新的文件夹 member,在member 文件夹下创建index.js文件,如下图: