第一步:执行npmrunbuild命令生成打包文件dist(这里注意可能多了一层名为dist文件夹文件夹下的项目后,将内容复制到dist文件夹,删除项目命名的文件夹)第二步:使用express-generator快速搭建express本地服务器,全局安装express-generator$npminstallexpress-generator-g在本地搭建expressServerexpress--view=ejsmyappinstalldependencypackage$cdmyapp$npminstallstart$npmrunstartbrowser输入localhost:3000,可以看到启动成功的本地服务器第三步:复制dist步骤1中的文件夹到myapp目录下,修改app.js文件,将'public'改为'dist'。//app.use(express.static(path.join(__dirname,'public')));app.use(express.static(path.join(__dirname,'dist')))第四步:重启,浏览回车localhost:3000在浏览器中查看。(如果项目路由使用历史模式,刷新浏览器会报404错误,请看我的另一篇文章《connect-history-api-fallback中间件解决history路由模式浏览器刷新404问题》)
