前端使用自定义接口内容

前后端分离以后，很多时候，可能前端与后端是在并行开发的或者走在后端同事前面。所以，在还没有接口的情况下，前端同事就需要使用到数据自己模拟的一些数据。

一、使用webpack的devServer来mock接口数据

devServer:{
    before(app) {
            app.get('/api/books', function(req, res) {
                res.json({
                    list: [{
                            name: '西游记'
                        },
                        {
                            name: '红楼梦'
                        },
                        {
                            name: '三国演义'
                        }
                    ]
                });
            });
        }
}

访问http://localhost:8080/api/books 就可以看到mock的数据

二、使用json数据

创建一个books.json文件，使用 import books from "./books.json"; 引入即可使用

[{
        "name": "西游记"
    },
    {
        "name": "红楼梦"
    },
    {
        "name": "三国演义"
    }
]

三、使用export 方式

创建一个books.js文件，使用 import books from "./books.js"; 引入即可使用

const books = [{
        "name": "西游记"
    },
    {
        "name": "红楼梦"
    },
    {
        "name": "三国演义"
    }
]

export default books

简单的总结了几种可以方便自己开发的方法，欢迎各位大佬们补充！