umi mock 传参

在umi中使用mock传参的方法如下：

1. 首先，需要在src目录下创建一个api文件夹，用来管理整个项目的接口数据。在api文件夹下创建index.js文件作为入口请求文件。

2. 导入Mock模块：`const Mock = require('mockjs');`

3. 使用Mock.mock()方法来模拟请求数据。例如，如果想模拟一个GET请求传递参数，可以使用以下代码：

   Mock.mock('/api/brand', 'get', function (options) {
     // 通过options.body获取传递的参数
     const { brandId } = JSON.parse(options.body);
     // 进行相应的处理，返回模拟的数据
     return Mock.mock({
       status: 200,
       message: '请求成功',
       data: {
         brandId: brandId,
         brandName: '@cname',
       },
     });
   });

4. 通过以上步骤，就可以在umi中使用mock传递参数了。

需要注意的是，在使用POST请求传递参数时，需要将参数进行JSON格式化，然后将其作为body传递给mock的接口。

参考文献：
一般情况是在src文件夹下创建api文件夹,用来管理整个项目的接口数据,然后我们需要接着在api文件夹下创建index.js,作为入口请求文件 const Mock = require('mockjs'); //格式： Mock.mock( url, post/get , 返回的数据)； 下面的userInfo是指mock目录下的json目录下的userInfo.json文件 Mock.mock('/user/userInfo', 'get', require('./json/userInfo.json')); Mock.mock('/api/addgoods', 'post', require('./json/userInfo.json')); // 下边这个模拟post请求也行 /*Mock.mock('/api/addgoods', 'post', function (option) { let $name=JSON.parse(option.body).name; if($name){ return Mock.mock({ status: 200, message: '提交成功！！！' }) }else{ return Mock.mock({ status: 400, message: '未提交参数' }) } })*/ 引用:post和put请求传参形式相同 import request from '../utils/request'; var qs = require('qs'); export const getBrand = params =&gt; { console.log('getBrand', { ...params }); // get请求传参，参数要拼接在url后面 // 此处的“ ? ”一定要加上 // qs.stringify()会将参数转成 a='1'&amp;b='2' 的形式，如果不使用qs库可手动转换 return request('/api/brand?' qs.stringify(params), { method: 'GET', }); }; export const deleteBrand = params =&gt; { // 同get请求 return request('/api/brand?' qs.stringify(params), { method: 'DELETE' }) } export const updateBrand = params =&gt; { // post请求 return request(`/api/brand`, { // 此处一定要JSON格式化，不然mock里同样接收不到数据 body: JSON.stringify(params), method: 'POST', }) } mock/test.js 。 引用:使用方法如下： 1、安装mockjs npm install mockjs 2、在vue项目中mock创建文件夹 。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue中使用Mock模拟get和post请求](https://blog.csdn.net/efew212efe/article/details/124493618)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [umi request和mock（mock文件夹下的js文件）请求传递和接收参数](https://blog.csdn.net/weixin_41786574/article/details/107759491)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]