vue-cli生成项目下webpack运行测试数据

最近遇到一个这样的问题，最新版本的vue-cli生成的build文件夹下没有dev-server.js文件。压根不知道怎样运行测试数据，后来找到了解决方案，在文件webpack.dev.conf.js中增加如下代码，如下图：

1.在 const portfinder = require('portfinder')这行后面加下面代码

const express = require('express')
const app = express()
var appData = require('../data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

2.在devServer对象里加下面代码：

before(app) {
    	app.get('/api/seller' , (req , res) => {
    		res.json({
    			 // 这里是你的json内容
    			errno :0,
    			data :seller
    		})
    	}),
    	app.get('/api/goods' , (req , res) => {
    		res.json({
    			errno :0,
    			data :goods
    		})
    	}),
    	app.get('/api/ratings' , (req , res) => {
    		res.json({
    			errno :0,
    			data :ratings
    		})
    	})
    }

完了后在项目所在文件夹下运行npm dev run启动项目。然而，又碰到一个这样的报错：

该报错和eslint有关，最后查到使用eslint的话文件代码最后要留一行空格。

还有一个  Newline required at end of file but not found 报错也是因为这个原因。

若本文对你有帮助，还请给予鼓励哦！