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

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

# 🎜🎜## 🎜🎜#

모의 파일 설치

1. npm i mockjs -s

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

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

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

   main.js

require('./mock')

4에서 시뮬레이션해야 할 사항을 소개합니다. 요청이 있는 페이지에서 평소대로 요청을 보냅니다. Mock.js는 자동으로 요청을 가로채고 우리가 설정한 요청을 반환합니다

위 내용은 모든 사람의 연구에 도움이 되기를 바랍니다. . 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 추천:

quick-shell.js 라이브러리 생성 사용 소개

#🎜🎜 ## 🎜🎜#vue-router+nginx 비루트 경로 구성 방법

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