Vue入门（三）——模拟网络请求加载本地数据

• Z时代
• 2024-01-10
• 分类：综合

1、首先我们需要在webpack.dev.conf.js中const PORT = process.env.PORT && Number(process.env.PORT) 的后面追加一下代码：

//模拟请求
const express = require(\'express\');
const app = express();
const sysList = require(\'../static/sysList.json\')
var apiRoutes = express.Router();
app.use(\'/api\', apiRoutes);

2、在webpack.dev.conf.js中devServer中添加一下代码：

before(app) {
      app.get(\'/api/system/list\', (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: sysList
        })
      }),
        app.get(\'/api/goods\', (req, res) => {
          res.json({
            // 这里是你的json内容
            errno: 0,
            data: sysList
          })
        })
    }

3.在sysList.json中添加json数据

4.采用本地请求json用get方式

以上是 Vue入门（三）——模拟网络请求加载本地数据 的全部内容， 来源链接： utcz.com/z/375976.html