美文网首页
use mockjs in nuxt project

use mockjs in nuxt project

作者: WilliamerTso | 来源:发表于2019-05-09 10:49 被阅读0次

1.change nuxt.config.js file,add an subitem under plugin

{ src: '~plugins/mockjs', ssr: true }

2.create mockjs.js under plugin folder. the content is:


var Mock = require('mockjs')

Mock.mock(/user\.json/, {
  'list|1-10': [{
    'id|+1': 1,
    'email': '@EMAIL'
  }]
})
  1. send a request as normal in vue pages
import axios from 'axios'
...
export default {
    methods: {
    getMockUser () {
      axios.get('user.json')
        .then((res) => {
          console.log('GET MOCK USER====', res.data)
        })
    },
    ...
}    

相关文章

网友评论

      本文标题:use mockjs in nuxt project

      本文链接:https://www.haomeiwen.com/subject/djgioqtx.html