[聚合文章] 使用 node 模拟请求接口

使用 Vue 写项目肯定会遇到一个问题，如何模拟服务端请求数据，那这就需要用到 node.js 了。这篇我们讲解一下如何使用 node.js 模拟服务器端请求数据。

一、 初始化并创建一个项目

vue init webpack-simple node-demo
cd node-demo
npm i
cnpm i vuex sxios -S

二、编写接口

在 build 文件下的 webpack.dev.conf.js 文件中加入

「express」 基于 node.js 后端框架，负责路由，业务逻辑，数据库操作，页面和数据响应。
即架构中的业务层，对前端的请求进行响应，需要数据库的拉取数据库内容，需要判断处理的返回处理结果，请求页面文件的返回html文件

const express = require('express')// 通过 node 访问模拟数据const app = express();// 使用 express 框架启动一个服务器// 1. 读取文件var appData = require('../data.json')var seller = appData.sellervar goods = appData.goodsvar ratings = appData.ratings// 2. 使用 express 来配置路由，指定借口请求var apiRoutes = express.Router()  //定义一个路由// 暴露 API 接口app.use('/api',apiRoutes)

在 build 文件下的 webpack.dev.conf.js 文件中的 devServer 中加入

// 添加接口数据    before(app){      // 配置请求路由和响应      app.get('/api/seller', (req, res) => {        res.json({          errno: 0, //错误码          data: seller        })      })      app.get('/api/goods', (req, res) => {        res.json({          errno: 0, //错误码          data: goods        })      })      app.get('/api/ratings', (req, res) => {        res.json({          errno: 0, //错误码          data: ratings        })
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。