问题标签 [miragejs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 在 miragejs 中为嵌入式模型运行多个序列化程序
我正在使用reactjs并正在使用miragejs来模拟后端。我有两个模型,用户和事件。每个用户hasMany
事件和每个事件都是ownedBy
一个用户。我正在使用工厂来模拟仅给事件一个开始时间的事件。由于开始时间是随机的,我无法在工厂中生成结束时间,所以我在事件序列化时这样做。如您所见,在序列化程序部分,我检查该end
属性是否存在。如果没有,那么我end
向它添加一个属性。但是,当我运行时,schema.users.all()
只users
调用序列化程序而不是嵌入event
对象。是否可以配置 mirage 以便两个序列化程序都运行?我查看了序列化程序的 miragejs 文档它说的是序列化程序功能
返回一个普通的 JavaScript 对象或数组,Mirage 将其用作应用程序 XHR 请求的响应数据。
这是否意味着只有一个序列化程序可以运行,并且该序列化程序是顶级或父模型。在这种情况下user
呢?
事件工厂
序列化器
stenciljs - 如何在 StencilJS 中启动应用程序之前调用 mirage 服务器
我正在做一个StencilJS
项目,我必须用它MirageJS
来制作虚假的 API 数据。
如何在 StencilJS 应用程序加载之前调用服务器。在 react 中,我们可以在 index.ts 文件中调用makeServer(),但是在模板中,我们没有这样的文件。
我们如何调用它来启动海市蜃楼服务器,请有人建议正确的方法。
下面是我的 server.ts 文件 mirage/server.ts
javascript - 使用 Detox 和 React-Native 在端到端测试中模拟 API
在使用 Detox 进行端到端测试时,是否有人能够在 React-Native 中模拟 API。
我尝试使用 MirageJs。在使用 MirageJs 创建服务器并在 App.js 上对其进行初始化后,我可以模拟 API。以正常“react-native run-ios”运行应用程序时成功模拟请求
但是,在运行 e2e.js 文件时,API 请求不会被模拟。在测试文件中,我包含以下内容
并且服务器似乎已创建。但是 API 没有被嘲笑。
很高兴听到任何能够使用 MirageJS 或其他方法在排毒测试中模拟 API 的人
graphql - Graphql 加载状态停留在 true
我正在为我的本地环境设置一个模拟服务器。我可以用数据为服务器播种,但是当我查询我的模拟服务器时,Graphql 请求陷入了加载状态。
我首先使用 mirage 创建模拟服务器 server.js
我在我的 App.js 文件中启动这个服务器
最后我尝试在我的组件中查询服务器。
当我调出加载状态时,它总是正确的,我永远不会收到数据。
cookies - MirageJs:读取请求对象内的 cookie
我的情况是,客户端通过存储在 cookie 中的 JSESSIONID 进行身份验证,并在任何请求的标头中发送。
是否可以从请求对象中读取该 cookie?
我尝试过使用request.requestHeaders
,但那里没有 cookie。
我知道我可能会以document.cookie
某种方式读取 cookie,但我实际上并没有以这种方式测试请求。
typescript - TypeScript、Vue 和 MirageJS:TS 编译错误的问题
问题:我需要在 TypeScript Web 应用程序中使用 Vue 和 MirageJS,而在该 Web 应用程序中,我收到 TS 编译错误。
编码:
错误:
我的猜测是存在一种命名空间冲突,因此 Mirage 中的 Model 对象被我在其他地方的 Model 定义所掩盖。我该如何解决这个问题?在我大部分职业生涯中度过的 C# 世界中,修复它很容易。但我找不到 TS 世界的答案。有任何想法吗?
更新 0:我在 JS 项目中运行的一些测试代码很好。所以我尝试将文件更改为 JS 文件,但它仍然无法运行。我从 tsconfig.json 中排除了 JS——仍然没有乐趣。在撰写本文时,我仍在寻找答案。
http-status-code-500 - 如何故意让所有 Mirage JS 请求返回 500?
尝试制作 MULTIPLE 模拟服务响应 500 以测试任何建议?
reactjs - MirageJs:如果我通过直通调用 api,则无法使用 axios
我有一个应用程序与切片和重击作出反应。我使用@reduxjs/toolkit,并使用“createSlice”api 创建了切片,并使用“createAsyncThunk”创建了 thunk。
我的想法:
在我的应用程序中,在我的真实服务器上运行带有模拟 api 和“直通”的 mirage 服务器。
当我发送“loginThunk”thunk 时,它会在我的减速器中运行“loginThunk.pending”案例并停止。
永远不会实现或拒绝。
如果我在没有运行 mirage 服务器的情况下发送“loginThunk”thunk,它就可以工作。
如果我在没有运行 mirage 服务器的情况下发送“loginThunk”thunk,但我使用“fetch”而不是 axios,它就可以工作。
似乎是 axios 和 mirageJs passthrough 之间的问题。
有任何想法吗??
太感谢了
javascript - Mirage JS 向响应中添加分页数据
我在通过 mirage JS 模拟后端时遇到问题。如何在 creatList 之后将分页数据添加到响应中?
我的服务器 js 返回 JSON https://miragejs.com/repl/v2/6563736c78
我要回应
有人可以帮我吗?
reactjs - 序列化 MirageJS 响应以适合 EF Core API 类型 List<>
我正在尝试使用 Mirage 模拟我的 EF Core API,但无法弄清楚如何序列化我的输出。前端期待类似的东西:
[{id:1, name:"name1", weight: 150}, {id:2, name:"name2", weight: 140}]
但幻影正在返回类似的东西:
数据:{[{id:1, name:"name1", weight: 150}, {id:2, name:"name2", weight: 140}]}
我可以在路由处理程序中显式返回硬编码的数组并且它可以工作,但我希望能够使用工厂、模型和序列化器来实现这一点。我错过了什么?谢谢!