需求场景：完成一个vue项目后，利用webpack进行打包生成的dist文件夹，预览打包后的页面效果。
说明：通常由于 publicPath 问题导致显示空白页面，除了通过在config中修改 publicPath 为 './' ，搭建本地服务器来运行dist文件也是一种较佳的选择，每次build后只需要一个命令则预览到效果。
npm install install -g http-server
npm有时候很慢，可换cnpm（安装）较快，或者npm配置为淘宝镜像
# 配置npm的registry地址
npm config set registry https://registry.npm.taobao.org
#在项目根目录下运行如下命令，且前提你已经进行npm run build打包dist文件
http-server ./dist
运行后会出现访问ip，如下
运行http-serve命令后.png
浏览器输入以上的ip即可预览
效果预览.png
dist打包后的项目需要运行在服务器环境中搭建express本地服务器 1、安装express-generator...
需求场景：完成一个vue项目后，利用webpack进行打包生成的dist文件夹，预览打包后的页面效果。说明：通常由...
安装express本地服务器 创建本地文件夹 到创建的文件夹 安装依赖 将vue打包生成的dist目录下的文件复制...
Vue项目打包以及遇到的问题 项目打包: 运行 npm run build 即可 项目打包后将dist文件夹里面...
dist文件在本地运行——因为dist文件是要有服务启动的，所以需要在本地启动服务 vue项目通过webpack打...
在用vue-cli搭建项目后，使用npm run build打包后，在dist文件夹中打开index.html报错...
首先，打包好vue项目 运行npm run build 打包完成后，在项目目录中会有一个dist文件夹。 然后在H...
最近写vue，有时候打包后，想看看打包后的dist的效果，就想搭建一个简易的服务器，就去看了看node，发现nod...
当我们vue工作完成以后会打包一份dist文件给后台，之前本地肯定要测试一下，下面就是本人踩的一些坑，跟大家分享一...
Vue打包后出现一些map文件运行 cnpm run build 开始打包后会在项目目录下自动创建dist目录，打...
本文标题：vue 搭建一个本地服务器运行打包后dist文件
本文链接：https://www.haomeiwen.com/subject/owrqbctx.html
网友评论