Vue+Mock.js를 사용하여 프런트엔드 독립 개발 환경을 구축하는 방법

이 글은 주로 Vue+Mock.js를 사용하여 프런트엔드 독립 개발 환경을 구축하는 방법을 소개합니다. 이제 필요한 친구들이 참고할 수 있도록 공유하겠습니다.

1. Mock 설치

   npm i mockjs -s

2. 모의 파일 만들기
   데이터 사기 코드를 저장하기 위해 main.js와 동일한 디렉터리에 Mock.js(임의의 이름 지정 가능)를 만듭니다.

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})

이 파일에는 Mockjs 문서에 따라 Ajax 요청을 가로채고 시뮬레이션된 데이터를 반환할 수 있습니다. 수행 방법은 매우 간단합니다.

3 시뮬레이션해야 할 데이터를 main.js
main에 추가하세요. js

require('./mock')

4 이렇게 구성하면 요청을 보내야 하는 페이지에서 평소대로 요청을 보내면 자동으로 요청을 가로채서 우리가 설정한 데이터가 반환됩니다. 이 기사의 내용이 모든 분들의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목해 주세요!

관련 권장 사항:

Vue2.0 인스턴스의 사용자 정의 지침과 속성 및 메서드

NodeJS + Lighthouse + Gulp를 사용하여 자동화된 웹 사이트 성능 테스트 도구를 구축하는 방법

위 내용은 Vue+Mock.js를 사용하여 프런트엔드 독립 개발 환경을 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!