nodeJS提供接口给前端使用

641 阅读1分钟

      默认已完成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,完成一次测试。