以我之前写的通过create-react-app + antd搭建中后台的项目为例,在其中集成mock数据。 在项目目录下创建好mock 整个的数据mock生成采用的是mockjs,大家都在用,用过都说好,谁用谁知道! npm i mockjs --save-dev 生成mock数据(以login为例) constMock=require('mockjs');constlogin='POST /api/login';cons...
那么如何 mock 数据呢,方式很多,比如利用 easymock 在线模拟接口数据,当然最好的方式是自己搭建 node 服务,模拟接口及数据,更灵活,也能提升技术,了解后端的一些知识,更好的沟通与交流。 在src 目录下新建文件夹 server-node,然后在下面再建一个 index.js 作为入口文件。 安装库 koa koa-router koa-body ... ...
注意:package.json内容发生了修改,必须重启应用,才能生效。 方式二: 直接将mock数据放到项目public/mock文件夹下(采用) 原因:public文件夹下的内容不会被构建,是静态资源,可直接使用,这样在服务器上,就可以用http方式请求到mock数据了。 三、React思维方式:组件化思想 1.组件划分原则 解耦:降低单一模块/组件的复杂...
├─ public ├─ mock // 项目mock数据 ├─ config 项目搭建过程 使用create-react-app生成react项目 npm init react-app my-app 然后自定义项目配置 npm run eject 这时候就得到了基本的项目目录,这个时候我们可以安装项目所需要的依赖,速度很慢的可以走淘宝镜像。 npm i antd dva dva-loading --save 修改...
'mock': resolve('src/public/mock'), 'api': resolve('src/api'), 'react-native': 'react-native-web', }, plugins: [ new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]), ], }, module: { strictExportPresence: true, rules: [ ...
node: { module: 'empty', dgram: 'empty', dns: 'mock', fs: 'empty', http2: 'empty', net: 'empty', tls: 'empty', child_process: 'empty', }, // 配置性能提示,例如一个资源超过 250kb,webpack 会对此输出一个警告来通知你,create-react-app 在 `react-scripts build` 中 FileSizeReport...
结合了koa生成mock假数据模拟 结合了react-redux,react-router一些使用代码 开发环境自动在Webpack加载时打开一个新的浏览器选项卡,并修改项目代码时不刷新页面更新 public文件夹存放静态文件,不经过Webpack打包处理,一些特殊的代码文件可以存在在这里 可以在Webpack配置文件找到APP_URL,方便在「生产/开发」构建中使用不...
mock-server.js - 模拟数据服务接口注册 index.ts - 封装并导出请求接口 components - 全局组件,会被页面复用的组件 config - 全局配置 request.ts - 请求配置 routers.ts - 路由配置 images - 图片资源 pages - 项目页面 - 开发中,以页面为单位的文件夹都存放于此 types - ts 类型定义,以及引用第三方库类...
proxy,默认为NULL,类型为URL,一个为了发送http请求的代理 在平时开发时,尤其前后端分离时,需要假数据来进行模拟请求,这个时候就需要proxy代理来处理 create-react-app < 2.0 package.json 中配置 代码语言:javascript 代码运行次数:0 AI代码解释 "proxy":{"/api/**":{"target":"https://easymock.spiritling....
使用json-server进行数据 mock 代码语言:javascript 代码运行次数:0 运行 AI代码解释 yarn add json-server-D 在根目录下面创建一个名为__json_server_mock_的文件夹,并创建一个名为 db 的json文件。 然后执行 代码语言:javascript 代码运行次数:0 运行 ...