123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- require('./check-versions')()
- var config = require('../config')
- if (!process.env.NODE_ENV) {
- process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
- }
- var opn = require('opn')
- var path = require('path')
- var express = require('express')
- var webpack = require('webpack')
- var proxyMiddleware = require('http-proxy-middleware')
- var webpackConfig = require('./webpack.dev.conf')
- // default port where dev server listens for incoming traffic
- var port = process.env.PORT || config.dev.port
- // automatically open browser, if not set will be false
- var autoOpenBrowser = !!config.dev.autoOpenBrowser
- // Define HTTP proxies to your custom API backend
- // https://github.com/chimurai/http-proxy-middleware
- var proxyTable = config.dev.proxyTable
- var app = express()
- // 添加网上配置JSON
- // 本地json-server服务器搭建代码
- // 引入数据库文件
- var appData = require('../dist/static/api/viewAPI.json')
- // 引入数据库
- var getBoardList = appData.getBoardList
- var apiRoutes = express.Router()
- // 使用api的方法来创建连接时候的请求
- apiRoutes.post('/getBoardList', function (req, res) {
- res.json({
- errno: 0 ,
- data: getBoardList
- })
- })
- // 调用api
- app.use('/api', apiRoutes)
- var compiler = webpack(webpackConfig)
- var devMiddleware = require('webpack-dev-middleware')(compiler, {
- publicPath: webpackConfig.output.publicPath,
- quiet: true
- })
- var hotMiddleware = require('webpack-hot-middleware')(compiler, {
- log: () => {}
- })
- // force page reload when html-webpack-plugin template changes
- compiler.plugin('compilation', function (compilation) {
- compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
- hotMiddleware.publish({ action: 'reload' })
- cb()
- })
- })
- // proxy api requests
- Object.keys(proxyTable).forEach(function (context) {
- var options = proxyTable[context]
- if (typeof options === 'string') {
- options = { target: options }
- }
- app.use(proxyMiddleware(options.filter || context, options))
- })
- // handle fallback for HTML5 history API
- app.use(require('connect-history-api-fallback')())
- // serve webpack bundle output
- app.use(devMiddleware)
- // enable hot-reload and state-preserving
- // compilation error display
- app.use(hotMiddleware)
- // serve pure static assets
- var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
- app.use(staticPath, express.static('./static'))
- var uri = 'http://localhost:' + port
- devMiddleware.waitUntilValid(function () {
- console.log('> Listening at ' + uri + '\n')
- })
- module.exports = app.listen(port, function (err) {
- if (err) {
- console.log(err)
- return
- }
- // when env is testing, don't need open it
- if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
- opn(uri)
- }
- })
|