Comment empaqueter le projet vue dans un fichier statique
Packaging
1 Modifiez le productionSourceMap dans index.js dans la configuration sur false. l'environnement d'emballage est un environnement de développement, qui peut être débogué ; false indique l'environnement de production, qui est officiellement en ligne)
2. Exécutez npm run build dans cmd (le fichier build.js dans build est exécuté)
.générer Le package est placé sous dist
Utiliser le nœud pour le débogage
1 Créez le prod.server.js. fichier dans le répertoire racine, ce fichier fonctionne comme un petit serveur http. En développement normal, vous pouvez directement placer les fichiers de dist dans Tomcat pour le débogage
code prod.server.js
/** * Created by Administrator on 2017/2/22. */ var express = require('express') var config = require('./config/index') var port = process.env.PORT || config.build.port var app= express() var router = express.Router() router.get('/',function (req, res, next) { req.url = '/index.html' next() }) app.use(router) //异步接口 var seller=require('./src/data/data.json') var apiRoutes = express.Router() apiRoutes.get('/seller',function (req,res) { res.json({ data:seller }) }) app.use('/api', apiRoutes); //定义express静态目录 app.use(express.static('./dist')) var autoOpenBrowser = !!config.dev.autoOpenBrowser var uri = 'http://localhost:' + port var opn = require('opn') //启动express 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) } })
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!