javascript - 如何用 webpack 、fetch 异步引用 json？

问题描述

问 题

问题

使用 fetch 异步加载本地 json 文件，但 webpack 打包时无法将 json 文件同时打包。

代码

const result = fetch('../pagedata/page'+1+'.json')
result.then(res => res.json())

已尝试方法

1、使用 json-loader

使用 json-loader 就要直接 require 引用，可是我想用 fetch 异步加载

2、写个接口

我是纯前端，现在还不会写接口，只能使用本地文件

3、把 json 文件放 服务器跟目录

demo 需要别人拿去能直接打开使用，别人的服务器配置跟我肯定不一样

解决方案

你只是需要一个前端的 mock 库

如果你用的 angular 有 angular-mock
如果你用的人 react 有 react-mock
如果你用的 jquery，那就丰富了，可以试试 jquery-mockjax
使用 fetch 的话，就用 fetch-mock 好了

这篇关于javascript - 如何用 webpack 、fetch 异步引用 json？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！