Vue使用mock如何改写为支持长尾词的？

本文共计1003个文字，预计阅读时间需要5分钟。

安装 mockjs 并模拟所有请求到本地。使用 mockjs 时，遇到依赖 XMLHttpRequest 库的问题。

安装npminstallmockjsmockjs原理拦截所有请求并代理到本地，然后进行数据模拟。使用mockjs出现的问题一些底层依赖XMLHttpRequest的库都会和

安装

npm install mockjs

mockjs原理

拦截所有请求并代理到本地，然后进行数据模拟。

使用mockjs出现的问题

一些底层依赖XMLHttpRequest的库都会和它发生不兼容，本地调试只能通过看源码或者Debug出来

解决方案

如果是本地运行则会启动mock-serve运行，线上环境还是继续使用mockjs来进行模拟。一套mock数据可以多环境使用

工程目录准备

├── mock // mock 模拟数据 与src同级│ ├── index.js // 数据总入口│ ├── mock-server.js // 数据服务层 │ ├── article.js // 数据块

开始

1、将本地的请求会代理到localhost:${port}/mock下。