vue-admin 详细注释，必须手把手做项目系列之（二）

文章将会自动保存至草稿

更新

 

- 麻雀虽小五脏俱全：[项目地址 https://github.com/whylisa/vue-admin-step-by-step.git)

## 前言

- 这两天项目上线楼主要一大推的事要忙，要和产品撕逼，要和后台讨论一系列的问题要怎么处理，还要安抚团队小伙伴的情绪，更

新的就比较慢，希望大家见谅。------- 之后的篇幅将会减少，加快更新速度

- 系列二，将会和大家介绍，如何在后台跟不上我们前端的进度时，我们自己很快的编写接口数据，进行一些简单的增删改查，以及

vue-cli 2.0和vue-cli 3.0的本地代理的配置，本系列用的是vue-cli

2.0,以及axios的拦截器的配置，还有设置token的一些注意事项

- 其次，有同学提出为什么不使用

vuex，在此我想说那句老话，不要为了使用vuex而使用vuex、莫慌，你要理解他的作用，以及能给我们项目带来哪一些的方便的东西

再去使用。

## 使用json-server

- 对于选用json-server来做模拟数据，楼主就是觉得很快，学习成本比较低，可以模拟简单的sql语句，进行简单的增删查的一些操

作，（ps）同时在我们前端进度比较快的时候，你不一定要全部的模拟真实接口返回的数据情况，这样非常耗时间，而且在我们项目

中有时候会碰到，需求不明确的情况，你可以模拟一些，主要的操作，先解决主要，再看时间盈余解决次要，有人说怎么不使用mock

,这个看个人喜好，

- 安装json-server npm i --save json-server

- 然后在项目的根目录下创建db.js文件，用于模拟json数据


- 编写json格式的数据

```js

{

"login":[

{

"username": "why",

"password": 123456

}

],

"table":[

{

"date": "why",

"name": 123456,

让文章获得更多曝光

系列文章

• [https://juejin.im/post/5c0e450ee51d4504bc5e4038]vue-admin 详细注释，