位置: IT常识 - 正文

前端打包后生成的dist 或 build目录,如何在本地启动服务运行(前端打包后生成文件)

编辑:rootadmin
前端打包后生成的dist 或 build目录,如何在本地启动服务运行

推荐整理分享前端打包后生成的dist 或 build目录,如何在本地启动服务运行(前端打包后生成文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端打包后生成黑链,前端打包后生成什么文件,前端打包生成的文件是,前端如何打包,前端打包成exe,前端打包生成的文件是,前端打包后生成文件,前端打包后生成黑链,内容如对您有帮助,希望把文章链接给更多的朋友!

前端打包后生成的dist/build目录,如何在本地启动服务运行

运行npn run build,会打包后会产生 dist 或 build 目录 一般情况下,直接打开dist 或 build 目录下的 index.html会在浏览器看到内容。 然而发现网页一片空白,打开了控制台,看到一片404的各种找不到资源,或者出现跨域的提示

前端打包后生成的dist 或 build目录,如何在本地启动服务运行(前端打包后生成文件)

解决方案server https://www.npmjs.com/package/serverhttp-server https://www.npmjs.com/package/http-servelive-server https://www.npmjs.com/package/live-server在本地搭建express服务器使用nginx本地服务器方案一

前三种基本使用方法是一致

以 live-server 为例:

全局安装live-server插件npm install -g live-server在dist 或 build文件夹(刚刚打包成功后多出来的文件夹)终端输入live-server浏览项目 默认监听在8080端口,打开浏览器,输入localhost:8080 就可以预览了

http://www.51sio2.cn//article/334864831.html

方案二搭建express本地服务器

具体介绍: https://www.pudn.com/news/63451f42272bb74d44499443.html

方案三使用nginx本地服务器运行

具体介绍: https://www.pudn.com/news/63451f42272bb74d44499443.html

方案四手动起一个本地服务

具体介绍: https://www.codenong.com/cs109000079/

本文链接地址:https://www.jiuchutong.com/zhishi/290749.html 转载请保留说明!

上一篇:山脉中的朱砂湖,加拿大落基山脉 (© Glowing Earth Photography/Getty Images)(朱砂矿洞的历史)

下一篇:Vue3 - props(vue3props用法)

  • 华为手机怎么连接电脑传输文件(华为手机怎么连苹果无线耳机)

    华为手机怎么连接电脑传输文件(华为手机怎么连苹果无线耳机)

  • 华为nova5怎么看电量(华为nova5怎么看电池损耗)

    华为nova5怎么看电量(华为nova5怎么看电池损耗)

  • 华为听筒怎么切换扬声器(华为听筒怎么设置方法)

    华为听筒怎么切换扬声器(华为听筒怎么设置方法)

  • 手机充电一下充一下不冲是为什么(手机充电一下充一下断怎么回事)

    手机充电一下充一下不冲是为什么(手机充电一下充一下断怎么回事)

  • 苹果手表更新不了(苹果手表更新不了怎么回事)

    苹果手表更新不了(苹果手表更新不了怎么回事)

  • 淘宝单刷后果是什么

    淘宝单刷后果是什么

  • 微信真的有防封软件吗(微信真的有防封吗)

    微信真的有防封软件吗(微信真的有防封吗)

  • 半角空格是什么(半角空格是什么字母)

    半角空格是什么(半角空格是什么字母)

  • 3dmax镜像的快捷键(3dmax镜像的快捷键是什么)

    3dmax镜像的快捷键(3dmax镜像的快捷键是什么)

  • 陌陌能不能只匹配同性(陌陌能不能只匹配一个人)

    陌陌能不能只匹配同性(陌陌能不能只匹配一个人)

  • 抖音可以查直播记录吗(抖音可以查直播评论吗)

    抖音可以查直播记录吗(抖音可以查直播评论吗)

  • 智慧树分屏会被发现吗(智慧树切屏能检测到吗)

    智慧树分屏会被发现吗(智慧树切屏能检测到吗)

  • 荣耀v10充电器是多少w(荣耀v10充电器是多少瓦)

    荣耀v10充电器是多少w(荣耀v10充电器是多少瓦)

  • 电信卡打不出去电话怎么回事(电信卡打不出去也接不到电话)

    电信卡打不出去电话怎么回事(电信卡打不出去也接不到电话)

  • 酷睿i58250u属什么级(酷睿i5 8250u怎么样)

    酷睿i58250u属什么级(酷睿i5 8250u怎么样)

  • 路由器需要亮几个灯才可以用(路由器应该亮几盏灯)

    路由器需要亮几个灯才可以用(路由器应该亮几盏灯)

  • itunes怎么注册id(注册itunes store)

    itunes怎么注册id(注册itunes store)

  • 华为nova5pro防水等级多少(华为nova5pro防水等级)

    华为nova5pro防水等级多少(华为nova5pro防水等级)

  • 苹果扩容有影响吗(苹果扩容影响系统升级吗)

    苹果扩容有影响吗(苹果扩容影响系统升级吗)

  • iphone11支持5g网络吗(iphone11可支持5g)

    iphone11支持5g网络吗(iphone11可支持5g)

  • 铃声多多听歌识曲在哪(铃声多多听歌最高等级是多少)

    铃声多多听歌识曲在哪(铃声多多听歌最高等级是多少)

  • ios12怎么关闭语音信箱(iphone12怎么关闭语音控制)

    ios12怎么关闭语音信箱(iphone12怎么关闭语音控制)

  • 手机过安检会受损吗(手机过安检会受什么处罚)

    手机过安检会受损吗(手机过安检会受什么处罚)

  • qt语音在哪里关闭(qt语音怎么彻底关闭)

    qt语音在哪里关闭(qt语音怎么彻底关闭)

  • 小米play无卡版可以打电话吗(小米play太卡了怎么办)

    小米play无卡版可以打电话吗(小米play太卡了怎么办)

  • 电脑温度过高会蓝屏吗 电脑发热蓝屏的解决方法(电脑温度过高会怎么样)

    电脑温度过高会蓝屏吗 电脑发热蓝屏的解决方法(电脑温度过高会怎么样)

  • cpu和gpu已过时,npu和apu的时代开始(cpu占满gpu不工作)

    cpu和gpu已过时,npu和apu的时代开始(cpu占满gpu不工作)

  • 公对公转账要交税税点是多少
  • 应收应付账务处理工作具体做哪些
  • 哪些纳税人不得办理一般纳税人登记
  • 煤炭运输企业的环保方案及措施怎么写
  • 转让实物资产税务处理
  • 收到上级主管部门拨入的经费
  • 高新技术企业一定是先进制造业吗
  • 用银行汇票付款的会计分录
  • 营改增各项业务销售额按照什么确定
  • 个体户到税务局开普票需要什么手续
  • 税控设备指什么
  • 管家婆怎样查历史记录
  • 三免三减半税收优惠政策文件
  • 合并报表的少数股东权益分录
  • 个人工程款税怎么开
  • surface安装win10专业版
  • windows7中右键的作用
  • 月末计提固定资产折旧时,应借记
  • win10开机黑屏几秒
  • windows server 2003 r2 序列号
  • linux压缩.gz
  • php怎么上传多个图片
  • 电子缴税回单在哪里打印
  • 前期差错更正怎么计算
  • pos机刷卡怎么做账务处理
  • 长期待摊费用的概念
  • 股票收益的计算公式
  • win7安装包下载
  • 马哈拉施特拉邦人口
  • 资产负债表的编制方法
  • 残疾人就业保障金怎么申报
  • 猿创设计科技有限公司
  • 电脑找不到应用程序的图标怎么删除
  • 应收账款未计提怎么处理
  • 预付卡销售和充值计入什么费用
  • 营业外支出增加的原因
  • 已经认证了的专利怎么办
  • 帝国cms怎么调用文章随机段落
  • 单位购买预付卡可以用现金吗
  • 资产减值损失的借贷方向
  • 哪些费用计入管理费用
  • 个体户开票超过多少认定为小规模
  • sql 数据计算
  • 企业银行流水可以不给税务吗
  • 主营业务成本的增加在哪一方
  • 年底做账流程
  • 工程款多付了如何追回
  • 学校接受捐赠收入要交企业所得税吗
  • 工程项目前期费用包括哪些
  • 代收第三方补偿什么意思
  • 会议费报销时应当提供哪些材料
  • 技术支持费用属于什么费用
  • 金税盘技术维护费可以不交吗
  • 主营业务收入一定要结转成本吗
  • 备用金没有发票,只有支付凭证
  • 什么情况下必须打狂犬疫苗
  • 母公司与子公司的区别
  • 施工单位索赔应满足哪些条件?
  • mac磁盘空间不足怎么办
  • centos 6.5安装教程
  • optimize system
  • windows图片密码
  • win10一天更新几次
  • 十个linux命令
  • 批处理文件是脚本吗
  • python怎么打印完整的信息
  • cocos2dx游戏
  • 基于JAVAscrip的课程设计源代码
  • javascript中interval与setTimeOut的区别示例介绍
  • 几个常用的微课网站
  • python内置函数用来打开或创建文件并返回文件对象
  • jquery onready
  • JavaScript的函数中只能写一条代码语句
  • 重庆市国家税务局电子税务局官网
  • 管道运输合同需不需要缴纳印花税
  • 申请电子发票需要盖章吗
  • 广东省税务局登录
  • 车辆购置税非本人可以代缴吗
  • 地税服务大厅上班时间
  • 2020年河南麦收时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设