Vue 시뮬레이션 배경 데이터에 대한 코드 분석

이 글은 주로 vue 시뮬레이션 배경 데이터의 코드 분석을 소개합니다. 이제 특정 참조 값을 가지고 있습니다. 필요한 친구들이 참조할 수 있습니다.

1. json 파일을 프로젝트 루트 디렉토리에 저장하세요

2. 프로젝트 루트 디렉터리에 server.js 파일을 생성합니다

var express = require("express");
var app = express();
var appData = require('./data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;
var apiRoutes = express.Router();

apiRoutes.get('/seller', function (req, res) {
  res.json({
    errno: 0,
    data: seller
  });
});

apiRoutes.get('/goods', function (req, res) {
  res.json({
    errno: 0,
    data: goods
  });
});

apiRoutes.get('/ratings', function (req, res) {
  res.json({
    errno: 0,
    data: ratings
  });
});

app.use('/api', apiRoutes);

app.listen(8081);
console.log("server run at  port :8081");

포트 번호와 json 파일의 경로에 주의하세요

파일이 생성된 후 아래와 같이 명령 상자에 명령을 입력하고 다음을 입력합니다. json 데이터에 액세스하기 위한 브라우저의 링크

액세스 링크:
http://localhost:8080/
http://localhost:8081/api/*

권장 Chrome 플러그인:
jsonview
vue-devtools

관련 권장 사항:

vue 프로젝트에서 sweetalert2 팝업 플러그인을 사용하는 방법

vue 기반 모바일 웹 뮤직 플레이어 구현

위 내용은 Vue 시뮬레이션 배경 데이터에 대한 코드 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!