vue-cli搭建项目模拟后台接口数据,webpack-dev-conf.js文件配置

Posted 亦心晗

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli搭建项目模拟后台接口数据,webpack-dev-conf.js文件配置相关的知识,希望对你有一定的参考价值。

首先第一步

const express = require(‘express‘)
const app = express()
var appData = require(‘../data.json‘)
var seller = appData.seller
var goods = appData.goods
var ratings =appData.ratings
var apiRoutes = express.Router()
app.use(‘/api‘,apiRoutes)

第二步找到devServer,添加以下代码

before(app) {
      app.get(‘/api/seller‘, (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: seller
        })
      }),
      app.get(‘/api/goods‘, (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: goods
        })
      }),
      app.get(‘/api/ratings‘, (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: ratings
        })
      })
    }

 

以上是关于vue-cli搭建项目模拟后台接口数据,webpack-dev-conf.js文件配置的主要内容,如果未能解决你的问题,请参考以下文章

在vue-cli搭建的项目中在后台mock接口中支持req.body和req.cookies

Vue(二十一)使用express模拟接口数据

vue-cli3 本地数据模拟后台接口

mock数据(模拟后台数据)

vue-cli 搭建的项目处理不同环境下请求不同域名的问题

vue-cli根据不同的命令自动切换不同环境地址