最新のvueにはdev-serverがありません.jsファイル、バックグラウンドデータシミュレーションはどのように行いますか?
3443 ワード
他の人が書いた記録を参照して最新のvueのdev-server.jsはwebpack-dev-conf.jsに置き換えられ、バックグラウンドデータをシミュレートするときに直接webpack-dev-conf.jsファイルで最初のステップを変更し、const portfinder=require(‘portfinder’)後に追加します.
jsonを提供します.dataデータ
PS:すべての変更構成は実行コマンドを再起動する必要があります:npm run devが有効になります(重要です.そうしないとデータを要求できません)
//
const express = require('express')
const app = express()// server
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)//
: devServer, before()
devServer: {
clientLogLevel: 'warning',
historyApiFallback: true,
hot: true,
compress: true,
host: HOST || config.dev.host,
port: PORT || config.dev.port,
open: config.dev.autoOpenBrowser,
overlay: config.dev.errorOverlay
? { warnings: false, errors: true }
: false,
publicPath: config.dev.assetsPublicPath,
proxy: config.dev.proxyTable,
quiet: true, // necessary for FriendlyErrorsPlugin
watchOptions: {
poll: config.dev.poll,
},
// devServer,
before(app) {
app.get('/api/seller', (req, res) => {
res.json({
errno: 0,
data: seller
})// json , seller data
}),
app.get('/api/goods', (req, res) => {
res.json({
errno: 0,
data: goods
})
}),
app.get('/api/ratings', (req, res) => {
res.json({
errno: 0,
data: ratings
})
})
}
}
jsonを提供します.dataデータ
{
"seller": {
"name": " ( )",
"description": " ",
"deliveryTime": 38,
"score": 4.2,
"serviceScore": 4.1,
"foodScore": 4.3,
"rankRate": 69.2,
"minPrice": 20,
"deliveryPrice": 4,
"ratingCount": 24,
"sellCount": 90,
"bulletin": " , , 。 、0 , 。 2008 2013 。",
"supports": [
{
"type": 0,
"description": " 28 5"
},
{
"type": 1,
"description": "VC 8 "
},
{
"type": 2,
"description": " "
},
{
"type": 3,
"description": " , "
},
{
"type": 4,
"description": " “ ” , "
}
],
"avatar": "http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg",
"pics": [
"http://fuss10.elemecdn.com/8/71/c5cf5715740998d5040dda6e66abfjpeg.jpeg?imageView2/1/w/180/h/180",
"http://fuss10.elemecdn.com/b/6c/75bd250e5ba69868f3b1178afbda3jpeg.jpeg?imageView2/1/w/180/h/180",
"http://fuss10.elemecdn.com/f/96/3d608c5811bc2d902fc9ab9a5baa7jpeg.jpeg?imageView2/1/w/180/h/180",
"http://fuss10.elemecdn.com/6/ad/779f8620ff49f701cd4c58f6448b6jpeg.jpeg?imageView2/1/w/180/h/180"
],
"infos": [
" , ",
" : , ",
" B 102 1340",
" :10:00-20:30"
]
}}
PS:すべての変更構成は実行コマンドを再起動する必要があります:npm run devが有効になります(重要です.そうしないとデータを要求できません)