美文网首页
vue项目没有'dev-server.js'和'dev-clie

vue项目没有'dev-server.js'和'dev-clie

作者: 没了提心吊胆的稗子 | 来源:发表于2019-04-02 20:31 被阅读0次

在使用最新的 vue-cli 生成vue项目时,build目录下少了'dev-server.js'以及'dev-client.js'文件,dev-server.js主要是构建本地服务器,dev-client.js 文件主要是热重载相关。获取相关数据都在这两个文件里面进行,而在新版中,要获取相关数据,就要在webpack.dev.conf.js 文件中开始进行相关的数据获取,首先安装express,再在devServer中添加before函数,即可直接发送API请求数据

// 在webpack.dev.conf.js文件中先加入下列代码
const express = require('express')
 // 请求server
const app = express()
// 加载本地数据文件
var goodsData = require('./../mock/goods.json')
var router = express.Router()


// 在devServer中添加
before(app) {
// 这里的'/goods'是指定的取数据的路径
  router.get('/goods', (req, res) => {
        res.json(goodsData)
      });
  // 通过路由请求数据
  app.use(router)
}

更改完代码时需要cnpm run dev重新运行项目才能拿到数据

相关文章

网友评论

      本文标题:vue项目没有'dev-server.js'和'dev-clie

      本文链接:https://www.haomeiwen.com/subject/qzogbqtx.html