Use of Mockjs and Vconsole in VUE-CLI projects

Mockjs use

1. Installing NPM Install MOCKJS

2. Create a Util folder in the Src/assets directory and a new file in it Mock.js

For example:

Const MOCK = require (' MOCKJS ')
Const RANDOM = Mock.random

Export default Mock.mock (' Api/mocktest ', createdata)

function Createdata () {
  let articles = []
  for (Let i = 0; i < 9; i++) {
    Let Newarticleobject = {
      
      
      
      
    }
    Articles.push (Newarticleobject)
  }
  return {
    Articles:articles
  }
}
3. References, can globally reference require ('./assets/util/mock.js ') in Main.js
4. Using in the Vue component
Axios.get (' Api/mocktest '). Then (res =
This.items = Res.data.articles
Console.log (Res.data.articles)
})

Vconsole use

1. Installing NPM Install Vconsole

2. Create a Util folder in the Src/assets directory and a new file in it Vconsole.js

For example:

Import vconsole from ' Vconsole '
Let Vconsole = new Vconsole ()
Export Default Vconsole

3. References, can globally reference require ('./assets/util/vconsole.js ') in Main.js

4. The Vconsole control appears on the Startup project page

5. Principle

(1) Override console

(2) Capturing and reporting JS errors with Window.onerror

Use of Mockjs and Vconsole in VUE-CLI projects