Angular项目中使用mock.js

为什么使用mock.js

前后端一起进行开发时，一些功能要等接口开发出来前端才能调试，依懒性太强。这时候对方可以先定义好接口和数据字段，提前进行开发和测试。

原理

拦截了所有的请求并代理到本地模拟数据，所以 network 中没有发出任何的请求。因为只是模拟数据进行测试，就不必频繁发请求给服务器造成压力

在angular项目中的使用

1. 安装mock， npm install mockjs

2. 添加mock开关 ，在开发环境中添加mock开关，防止在正式环境中误用到；

   // 文件 environment.ts
   export const environment = {
        
   	isMock: true
   }
   

3. 添加mock文件，找一个合适的位置，新建一个文件夹mock，并创建index.js文件，用于创建mock数据。我的项目中放在了src/app/下。

   // 文件mock/index.js
   import Mock from "mockjs"
   

4. 引入mock文件，在main.ts中添加以下代码

   // main.ts
   if(environment