javascript - faker一直显示同一张图，如何避免？

Question

我正在使用 faker 来制作随机对象数组，如下所示:

{
  "image":  faker.random.arrayElement([
    faker.image.nature(), 
    faker.image.city(), 
    faker.image.food() 
  ]),
  "price": faker.random.number({ min: 20, max: 300 }),
  "beds": faker.random.number({ min: 1, max: 15 }),
  "type": faker.random.arrayElement([ 
    "Entire home", 
    "Private room", 
    "Shared room" 
  ])
}

实际上当像这样制作 12 个元素时会发生什么 - 所有数据都是随机的但图像不是，这在每次加载中都是相同的。

每次刷新都有其他照片，但数组中的所有元素都包含相同的图像。

我该怎么办？

Answer 1

准确地说，faker.js正在返回相同的网址，例如http://lorempixel.com/640/480/nature 用于 faker.image.nature() 调用，因为它是根据请求返回随机图像的 lorempixel.com 服务。

如果您更愿意指的是看到完全相同的图像，那么这可能与您的浏览器缓存响应有关(如果是这样，请尝试在开发过程中禁用缓存或向图像添加随机查询字符串，例如 '图片':`${faker.image.nature()}?random=${Date.now()}`).

所以要回答您的问题 - 您无需执行任何操作。您最终会获得随机图像(应请求到 lorempixel.com)。