Maison > interface Web > js tutoriel > le corps du texte

Il n'y a pas de méthode de configuration sous dev-server.js dans vue2.0

亚连
Libérer: 2018-06-05 11:45:50
original
4036 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur la méthode de configuration des données locales de vue2.0 sans dev-server.js. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer

<.>Description du problème :

Dans les versions supérieures à vue2.0, il n'y a pas de fichier dev-server.js dans le dossier build de vue-cli, alors comment configurer mock Les données

Vue2.x sont configurées dans webpack.dev.conf.js sous build

//在const portfinder = require(‘portfinder&#39;)后添加
const express = require(&#39;express&#39;)  // nodejs开发框架express,用来简化操作
const app = express()    // 创建node.js的express开发框架的实例
var appData = require(&#39;../mock/goods.json&#39;)  //加载本地数据文件
var seller = appData.seller
var apiRoutes = express.Router()    // 编写路由
app.use(&#39;/api&#39;, apiRoutes) // 所有通过接口相关的api都会通过api这个路由导向到具体的路由
Copier après la connexion
comme indiqué dans la figure

Recherchez l'objet devServer et ajoutez-y les paramètres de routage pertinents

before (app) {
   app.get(&#39;/api/seller&#39;, function (req, res) {
    // 服务端收到请求后返回给客户端一个json数据
    res.json({
     // 当我们数据正常时,我们通过传递errno字符为0表示数据正常
     errno: 0,
     // 返回json中的卖家数据
     data: seller
    })
   })
  }
Copier après la connexion

Ensuite, re-

les données npm run dev

Ce qui précède est ce que j'ai compilé Pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Comment utiliser les tables element-ui pour rendre les cellules modifiables

Comment fermer la boîte de dialogue dans element ui Vérification claire

Comment utiliser la méthode d'opération de compilation dans Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal