😊 mockjs使用.Mock()可以加入本地的图片么？

在前端开发中，mockjs是一个非常强大的工具，能够快速生成模拟数据。最近有小伙伴问我：“用mockjs的.Mock()方法能不能加载本地图片呢？”答案是：当然可以！不过需要一些小技巧哦🧐。

首先，你需要准备好本地图片路径。比如，假设你的图片存放在`/public/images/`目录下，那么你可以这样写mock规则：

```javascript

const Mock = require('mockjs');

Mock.mock('/api/getImage', {

'data|1': [

{

'imageUrl': '@image("50x50", "FFB6C1", "Hello")',

}

]

});

```

这里通过`@image()`方法生成了一个50x50像素的图片，并且设置了背景色和文字。如果你想直接引用本地图片，也可以手动指定路径：

```javascript

Mock.mock('/api/getLocalImage', {

'localImageUrl': '/public/images/example.png'

});

```

这样，当你请求`/api/getLocalImage`时，mockjs会返回你指定的本地图片路径啦！💡

不过需要注意的是，mockjs主要用于模拟数据，如果涉及到跨域问题，可能还需要额外配置服务器端支持。但总的来说，mockjs真的超级方便，无论是测试还是开发都非常实用！🚀