node express 初探

1. 安装淘宝镜像

npm install cnpm -g

2. 安装express

cnpm install express --save

3. 安装express生成器

cnpm install express-generator -g

4. 生成项目

express --view=pug myExpress

5. 进入项目目录安装依赖并启动

cnpm install

set DEBUG=myExpress:* & npm start

6. 打开浏览器 http://localhost:3000/

 

7. 打开项目，在routes/新建demo.js

 

demo.js

const express = require('express')
const router = express.Router()
router.get('/', function (req, res, next) {
    const data = {
        code: 200,
        data: {
            name: 'aaa',
            pwd: '123',
            msg: '请求成功',
            success: true
        }
    }
    res.json(data);
})

module.exports = router;

 在app.js中引入并使用

const demoRouter = require('./routes/demo')

app.use('/demo', demoRouter)

8. 运行前端项目请求接口

axios.get('http://localhost:3000/demo').then(res => {
   console.log(res) 
}).catch(e =>{
    console.error(e)
})

如果遇到跨域问题，在app.js 使用接口之前加

// 解决跨域问题
app.all("*", function (req, res, next) {
    //设置允许跨域的域名，*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin", "*");
    //允许的header类型
    res.header("Access-Control-Allow-Headers", "content-type");
    //跨域允许的请求方式 
    res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
    if (req.method == 'OPTIONS')
        res.sendStatus(200); //让options尝试请求快速结束
    else
        next();
});

 

 

 

 

注意：每次修改完express项目都要重启才能生效 实现热更新需要安装nodemon

cnpm install nodemon -g

控制台输入nodemon 回车即可