vue打包后dist文件在本地启动运行的步骤
更新时间：2023年09月07日 08:56:36 作者：橙樱
这篇文章主要给大家介绍了关于vue打包后dist文件在本地启动运行的简单步骤,文中通过代码示例以及图文介绍的非常详细,对大家学习或者使用vue具有一定的参考价值,需要的朋友可以参考下
vue项目开发好后，想在本地运行测试最后的打包文件可以通过http-server来启动。
步骤如下：
//1、打包项目文件 npm run build //2、进入dist打包文件 cd dist //3、全局安装http-server npm install http-server -g //4、启动dist文件(-p:端口。9008具体端口号) http-server -p 9008
命令截图
最后在浏览器输入：127.0.0.1:9007就可以查看了
总结
到此这篇关于vue打包后dist文件在本地启动运行的文章就介绍到这了,更多相关vue打包文件本地启动运行内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue 之 css module的使用方法，css module目的为所有类名重新生成类名，有效避开了css权重和类名重复的问题，非常具有实用价值，需要的朋友可以参考下2018-12-12
vue-cli3.0如何使用prerender-spa-plugin插件预渲染
这篇文章主要介绍了vue-cli3.0如何使用prerender-spa-plugin插件预渲染，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
在Vue中进行CRUD前端跨域操作时,可以通过后端设置跨域来解决,通常有三种方法：使用`@CrossOrigin`注解、在`mvc`的XML配置文件中设置以及自定义类进行配置,作者分享了这三种方法,并希望大家参考和使用2026-03-03
在使用Vite和WebStorm时,如果`vite.config.ts`已经配置了路径别名`@`,但WebStorm无法识别,可以通过在项目根目录下创建`tsconfig.json`文件,并添加`baseUrl`和`paths`配置来解决,这样不仅可以让TypeScript正确解析路径别名,也能让WebStorm识别这些路径2026-01-01
这篇文章主要介绍了Vue.js 2.0从基础到组件的相关资料，文中介绍的非常详细，对大家学习或者使用vue.js具有一定的参考价值，需要的朋友可以参考学习，下面来一起看看吧。2017-04-04
这篇文章主要为大家详细介绍了基于vue.js组件实现分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了Vue组件间的通信pubsub-js实现原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
Element-UI表格嵌入popover遇到的问题及解决方案
在表格中我们通常需要在每一行的一些单元格中显示popover,这篇文章主要给大家介绍了关于Element-UI表格嵌入popover遇到的问题及解决方案,需要的朋友可以参考下2023-11-11
本文主要介绍了Vue路由跳转的4种方式小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
vue + typescript + video.js实现 流媒体播放 视频监控功能
视频才用流媒体，有后台实时返回数据， 要支持flash播放， 所以需安装对应的flash插件。这篇文章主要介绍了vue + typescript + video.js 流媒体播放 视频监控,需要的朋友可以参考下2019-07-07
最新评论