默认已完成nodeJS + express 环境搭建。
在本地磁盘新建json 文件,nodeJS读取到json文件内容,前端通过接口获取内容,展示到页面上。
在nodeJS项目中需要做的:
1. 在 routes 文件夹下新建test.js 文件。
var express = require('express');var router = express.Router();var fs = require('fs');/* GET users listing. */router.get('/', function (req, res, next) { let file = 'D:\\myJob\\nodeJob\\testJson.json'; //指定路径 //读取json文件 fs.readFile(file, 'utf-8', function (err, data) { if (err) { res.send('文件读取失败'); } else { res.send(data); } });});module.exports = router;
如图:
2. 在app.js 文件中添加两行代码 ,如图
3. 在 cmd 中执行 npm start 命令
在vue 前端项目中需要做的
1. 因为端口不同,所以先进行跨域配置,基于vue-cli3, 如图所示
2. 在相应页面调用接口
3. 查看最终页面展示
OK,完成一次测试。