use mockjs in nuxt project

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)
        })
    },
    ...
}    
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 5,225评论 0 2
  • 英文文档,一开始我也是抗拒的,边翻译边看,也就花费了1个小时基本就阅读过了,我的英文基础其实很差。附上链接:链接:...
    lonecolonel阅读 10,004评论 3 1
  • 缘起 哈喽大家好,又是周四了,俗话说周四来了,周末还远么哈哈,老张我也想下周请假,来个16天的大长假哟,不知道大家...
    SAYLINING阅读 1,585评论 2 7
  • 让电影的归电影,生活的归生活。 ——题记 以下图片转自“经济日报财经早餐”,源自:北京西站铁警推出的顺口溜之防盗常...
    长江客阅读 1,311评论 0 0
  • 落寞的雨, 不知从何来的泪。 心中留下了一抹虚影。 莫名的悲伤, 越发的看不清自己。 在屋檐下流浪, 试着看破那红...
    霄空阅读 102评论 0 0