如何快速启动npm run build 后的dist文件呢?

2023-11-15

(1)通过npm run build 打包后会出现如下:

tips: 提示我们打包完的项目,必须要在http server 下才能运行。

(2)安装http server。

进入 dist 文件夹,然后启动一个http服务即可。

或者,你现在已经到apache 里面进行配置去了。

其实也可以不用那么麻烦,我们有nodejs环境,只要安装全局 http-server 服务就好了呀。(*^▽^*)

(2-1)安装 http-server 

npm install http-server -g

(2-2)运行命令

安装完成之后,在dist 目录下运行:

http-server -p 3000

(2-3)在浏览器里面查看。

在浏览器里面输入  : http://127.0.0.1:3000/#/  。 这样就可以访问dist 打包后的文件啦。

 

------完。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何快速启动npm run build 后的dist文件呢? 的相关文章

  • MAC表、ARP表、IP路由表区别比较

    作用 生成方式 组成 存在设备 MAC表 数据链路层转发 交换机根据数据帧的目的MAC地址查看MAC表 根据表项由相应接口转发出去 根据数据帧的源MAC进行学习 数据帧从那个接口进来的 就把该接口以及该帧的源MAC学习记录下来 MAC地址
  • GYM 102059 G Fascination Street

    G Fascination Street 参考 给出一串n 2e5 个灯 每个灯点亮可以照到相邻三个位置 每个灯点亮都有不同的花费 现在可以交换k 9 次灯的位置 求把所有n个位置都照到的最小花费 交换的肯定是一个亮的灯和一个灭的灯 不然是

随机推荐

  • python使用selenium爬取js加密的网页

    python使用selenium爬取js加密的网页 我们经常使用Python从网站上爬取我们喜欢的图片 比如从煎蛋网爬取妹子图 现在虽然煎蛋网取消了 OOXX 栏目 但是至少把名字换成了随手拍 我今天想从该网站爬取妹子图 去发现没有办法 从
  • 数据库如何提高大数据量查询速度

    数据库如何提高大数据量查询速度 1 对查询进行优化 应尽量避免全表扫描 首先应考虑在 where 及 order by 涉及的列上建立索引 2 应尽量避免在 where 子句中对字段进行 null 值判断 否则将导致引擎放弃使用索引而进行全
  • Android的GreenDao3.0数据库详解及使用

    GreenDao 是一个将对象映射到 SQLite 数据库中的轻量且快速的 ORM 解决方案 性能 官网上的解释 我们知道所有的ORM的 greenDAO是最快的 greenDAO不作性能方面任何妥协 数据库是非常适合存储大量数据 从而加速
  • Linux 文本处理工具

    一 Linux 及Unix平台 sed awk grep 这三个工具都要用到正则表达式 把常用贴出来 1 行的匹配 root mypc sed n 2p etc passwd 打印出第2行 root mypc sed n 1 3p etc
  • OSSEC服务端配置客户端批量部署方案

    hello 2015 10 16 15 03 0x00 前言 最近也在研究ossec报警规则 还没研究的很透彻 暂时不是这篇文章的内容 ossec中文资料还是比较少 外文文献比较多 之前看到drops的两篇文章分享drops wooyun
  • Python回归预测建模实战-支持向量机预测房价(附源码和实现效果)

    机器学习在预测方面的应用 根据预测值变量的类型可以分为分类问题 预测值是离散型 和回归问题 预测值是连续型 前面我们介绍了机器学习建模处理了分类问题 具体见之前的文章 接下来我们以波斯顿房价数据集为例 做一个回归预测系列的建模文章 实现功能
  • 分而治之-前端模块化

    Created By JishuBao on 2019 03 20 12 38 22 Recently revised in 2019 03 20 12 38 22 欢迎大家来到技术宝的掘金世界 您的star是我写文章最大的动力 GitHu
  • 电脑中病毒了怎么修复,计算机Windows系统预防faust勒索病毒方法

    随着计算机系统的不断发展 我们所面对的网络安全威胁也变得越来越严重 其中 较为常见且危险的威胁就是勒索病毒 随着勒索病毒加密算法的不断升级 最近faust勒索病毒开始流行 Faust勒索病毒主要的攻击目标是Windows操作系统 一旦我们的
  • 【Webserver】——线程池的原理,手写线程池

    目录 1 什么是线程池 2 线程池的作用 3 任务队列的设计 4 构造函数 5 push接口设计 6 子线程的执行函数 7 析构函数 8 测试线程池 9 线程池中的线程数量设定 1 经验值 2 最佳线程数目算法 1 什么是线程池 线程池是一
  • 如何在VMware Workstation上安装Linux系统

    目录 一 在VMware Workstation上新建Linux虚拟机 1 1 配置选择典型 1 2 选择稍后安装 1 3 选择Linux系统 版本选择Ubuntu 1 4 给虚拟机命名 一定要英文 1 5 给磁盘分配大小 将磁盘拆分 1
  • 基于OpenMP的质数并发求解方法研究

    并行程序设计 的结课论文 基于OpenMP的质数并发求解方法研究 摘要 如何快速地获得素数表以解决素数相关的复杂问题 具有重要的研究意义 给定范围内求解质数的串行算法主要有以下三种 枚举 埃氏筛 欧拉筛 本文研究给定范围内质数求解的并发性算
  • Nginx入门、下载安装启动(Win10)、常用配置

    文章目录 1 Nginx简介 2 下载安装启动 3 Nginx的常用基本配置 3 1 Nginx配置文件结构 3 2 设置用户和组 3 3 自定义错误页 1 Nginx简介 Nginx是一个轻量级开源Web服务器软件 可以作为反向代理 负载
  • 分子动力学模拟MD simulation需要注意的点有哪些

    一 GROMACS分子动力学蛋白模拟 药物开发溶剂筛选 1 分子模拟基础理论 1 1 统计力学理论概述 1 2 主要算法介绍 最速下降法 共轭梯度法 有限差分法 1 3 力场 力场类型 参数和分类 AMBER CHARMM MMX CVFF
  • 1.3 CSDN考试C1 奇偶校验

    文章目录 1 为什么数据校验 2 奇偶校验 3 练习题 3 1练习1 3 2练习2 1 为什么数据校验 数据在传输的过程中 会受到各种干扰的影响 如脉冲干扰 随机噪声干扰和人为干扰 等 这会使数据产生差错 为了能够控制 减少甚至消除传输过程
  • Linux下的硬件驱动——USB设备(下)(驱动开发部分)

    http www ibm com developerworks cn linux l usb index2 html Linux下的硬件驱动 USB设备 下 驱动开发部分 赵明 联想软件设计中心嵌入式研发处系统设计工程师 2003年7月 赵
  • python findall函数用法_Python--re模块的findall等用法

    1 正则表达式含义 点可代表一切字符 起转义作用 指代方括号中的任意字符 d 指代数字0 9 D 指代非数字 s 指代一切空格 包括tab制表符 空格 换行等 S 指代非空格 w 指代大小写字母 数字和下划线 W 指代非大小写字母 数字和下
  • 简易登录界面html+css(自学)

    页面展示 代码展示 html代码 图标使用阿里巴巴矢量图标库图标 阿里巴巴矢量图标库地址
  • 视频图像处理课程推荐(持续更新...)

    1 斯坦福大学 课程EE367 CS448I https web stanford edu class ee367 课程内容有 Introduction and fast forward overview of class logistic
  • GPIO的地址和寄存器映射

    1 GPIO详解 1 1 gpio框图 与GPIO相关的寄存器 不涉及复用 简单理解就是电灯 蜂鸣器控制等 与之相关的寄存器一共有7个 GPIOx CRL x A E 端口配置低寄存器 GPIOx CRH x A E 端口配置高寄存器 GP
  • 如何快速启动npm run build 后的dist文件呢?

    1 通过npm run build 打包后会出现如下 tips 提示我们打包完的项目 必须要在http server 下才能运行 2 安装http server 进入 dist 文件夹 然后启动一个http服务即可 或者 你现在已经到apa