Mac 搭建本地 Mock

由于Postman请求延迟问题,作者决定搭建本地Easy-Mock。本文详细介绍了如何在Mac上通过Homebrew安装Node.js、Redis和MongoDB,以及下载源码部署Easy-Mock,并解决遇到的依赖版本问题。
摘要由CSDN通过智能技术生成

在这里插入图片描述

你们的理想与热情,是你航行的灵魂的舵和帆。——罗曼·罗兰

起因

最近 postman 不知因何缘故(可能是 vip 没充到位😅)延迟非常大,往往发一个页面请求,我下楼买杯奶茶回来,还在 loading,所以我决定搭建一个本地 mock ,我选择的是easy-mock,主要这个有使用经验,至于为什么要搭建本地版,是因为这个 esay-mock 网页老是崩,当然想偷个懒的小伙伴,可以直接使用 RAP2

网站

一. 安装 Homebrew (使用安装包安装可选择忽略)

Homebrew:mac 的一个包管理工具

终端执行

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

出现下面信息,咱得换个方式安装 Homebrew,没有出现的请忽略直接看第二步

下载 homebrew.rb 文件,然后在终端执行

# path 是你放 homebrew.rb 的路径
$ ruby path/homebrew.rb

安装成功

二. 安装 node

这里最好安装 8.9.x版本的 node,过高版本会在最后 easy-mock 那出错,(低于这个版本的我没试过),我们也可以下载 nvm 进行 node 版本管理,这里就不用 nvm 下载了

easy-mock 依赖版本要求:

方式1. 使用 Homebrew 安装

$ brew install node

方式2. 官网下载安装

node 官网下载对应版本的.pkg文件,然后双击该文件,, 一直点击下一步即可

Nodejs 以往版本下载地址

安装成功

三. 安装 redis

方法1. 使用 Homebrew 安装

$ brew install redis

方法2. 官网下载

redis 官网 下载到桌面并解压,然后在终端执行下列命令

$ sudo mv redis-5.0.5 /usr/local/redis && cd /usr/l
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在引用中,用户提到了使用 Vue/cli 3.0 版本的脚手架进行项目开发时,可以看到该版本的脚手架在项目结构上进行了精简,看上去不再那么繁琐。在接下来的步骤中,用户将进行 mock 数据的配置。而在引用中,用户提到了自己在学习 Vue 并开发一个项目时,需要处理 mock 数据的情况。由于用户所使用的是 Vue/cli 3.0 版本,与 2.0 版本的使用有一些不同。因此,用户希望能够了解如何在 Vue 3 中进行本地的 mock 数据处理。 根据用户提供的引用内容,我们可以得出以下结论:用户在学习 Vue,并使用 Vue/cli 3.0 版本进行项目开发时,遇到了需要处理 mock 数据的情况。对于在 Vue/cli 3.0 版本中进行本地 mock 数据的处理,我们可以提供以下步骤: 1. 首先,在 Vue/cli 3.0 版本中,可以使用 `vue-cli-service` 命令来启动本地服务器并进行开发。在项目的根目录下,可以使用以下命令来启动本地服务器: ``` vue-cli-service serve ``` 2. 接下来,可以在项目的根目录下创建一个 `mock` 文件夹,用于存放 mock 数据的文件。 3. 在 `mock` 文件夹中,创建一个名为 `home.json` 的文件,用于模拟首页数据的接口。可以根据实际需求,在 `home.json` 文件中编写模拟的数据。 4. 在 `vue.config.js` 文件中进行配置,以使项目能够正确地访问 mock 数据。在 `vue.config.js` 文件中,可以添加以下代码: ```javascript module.exports = { devServer: { before: function(app) { app.get('/mock/home.json', function(req, res) { res.json(require('./mock/home.json')); }); } } }; ``` 5. 最后,在浏览器中访问 `http://localhost:8080/mock/home.json`,即可获取到模拟的首页数据。 请注意,以上步骤仅适用于 Vue/cli 3.0 版本,并假设用户已经安装了 Vue/cli 3.0。如果用户使用的是其他版本的 Vue/cli 或有其他特殊需求,请提供更多详细信息以便我们给出更准确的回答。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue CLI 3.0脚手架如何在本地配置mock数据](https://blog.csdn.net/weixin_33795806/article/details/87993191)[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_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值