通过node中的experss自己搭建测试静态页面接口的详细步骤

110 阅读1分钟

首先创建根目录,用于文件存储.打开终端运行如下代码

npm init -y //初始化包,生成package文件
npm install express --save  //安装express
npm install express-generator -g  //express生成器
express myapp   //通过express生成项目文件

注意通过cd切换到myapp根目录,改变终端路径

cd myapp //切换根目录
npm i  //下载需要的依赖 若node版本问题 可以npm i --force强制下载

package.json文件中就有了配置

image.png
通过 npm start 运行后,我们就可以然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。
如下图是生成的项目文件的内容

image.png
在routes的index.js中可以看到

image.png
在这里我们写一个返回json的数据.(get的接口)router文件夹下index.js邂逅的文件如下

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});
router.get('/list', function(req, res, next) {
  res.json({data:[
    {name:'ikun',age:18},{name:'任伟',age:22}
  ],code:'200',codeStr:'发送成功'})
 //res.render('list', { title: '我的明信2片' });
})

module.exports = router;

再次运行npm start。打开http://localhost:3000/ 本地网址后修改路径

image.png
如上图就可以拿到我们模拟发送的数据