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

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

4011 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