[webStorm创建Express]修改端口号：bin/www；安装第三方模块；自定义路由中间件；前后端交互；Express中的跨域设置：在服务器端进行跨域设置-cors；服务器向客户端响应json

目录

一.webStorm中创建Express项目

1.修改项目的默认端口号：bin/www文件

2.安装第三方模块

（1）安装nodemon模块：监视服务器程序是否修改，若修改了会自动重启

（2）使用nodemon模块运行项目：npm start

3.自定义路由中间件

（1）路由中间件：是用来响应客户端的http请求的

（2）创建的步骤：

（3）响应客户端请求的业务模块：

（4）响应对象res的常用方法：

（5）在app.js文件中对自定义的路由中间件进行配置

4.前后端交互

（1）客户端向服务器发送get请求同时向服务器传递参数

（2）在服务器端接收客户端用get方式发送的参数：

（3）服务器端接收客户端用post方式发送的参数：

5.Express项目中的跨域设置：在服务器端进行跨域设置 --- cors方式

（1）在服务器端安装cors模块

（2）在app.js文件中进行跨域配置

6.服务器向客户端响应json格式的数据

---

一.webStorm中创建Express项目

1.修改项目的默认端口号：bin/www文件

2.安装第三方模块

（1）安装nodemon模块：监视服务器程序是否修改，若修改了会自动重启

a.安装指令：npm install nodemon
b.在package.json修改以下配置：
        "scripts": {
                "start": "nodemon ./bin/www"
        }

（2）使用nodemon模块运行项目：npm start

        npm uninstall 模块名  ---  卸载指定的模块

3.自定义路由中间件

（1）路由中间件：是用来响应客户端的http请求的

（2）创建的步骤：

        第一步：导入express模块
        第二块：使用express模块创建路由器router
        第三步：创建响应模块
        第四步：导出路由器router

（3）响应客户端请求的业务模块：

get(path,callback)
        path:是字符串，代表客户端请求时的地址
        callback：回调函数

（4）响应对象res的常用方法：

res.send(参数):参数可以是字符串，也可以是json格式的对象。参数值会发送给客户端
res.json({}):参数是json格式的对象

（5）在app.js文件中对自定义的路由中间件进行配置

        第一步：导入自定义的路由文件
var employeeRouter = require('./routes/employee');//导入自定义的路由文件
        第二步：配置自定义的路由路径
app.use('/employee',employeeRouter);//配置自定义的路由路径
        强调：路由路径的拼接：
        http://127.0.0.1:8089/employee/all
        路