通过 http-server 运行刚打包出来的脚手架项目

news/2024/10/22 15:28:57/

这里 我打包了自己的vue项目
react其实也一样
如果我直接 打开打包出来的 dist 下面的index.html
会出现白屏资源找不到 或者跨域等问题
在这里插入图片描述
这个问题其实配个nginx也能解决 但是其实如果只是想做个测试 nginx就太麻烦了

我们可以通过npm指令 全局安装一个http-server
终端执行

npm install -g http-server

安装好依赖之后 我们用管理员身份打开命令窗口
然后来到我们 打包的目录
终端输入指令

http-server -p 3000

这里 我们指定他运行在 3000端口 这个端口大家可以自己去输的
在这里插入图片描述
然后此时 我访问本地 3000端口
http://localhost:3000/

在这里插入图片描述
本地的项目就起来了


http://www.ppmy.cn/news/1099089.html

相关文章

PHP对接阿里云虚拟号的实现(号码隐私保护)

fastadmin 封装框架 实现功能:AXN隐私号绑定、解绑; 场景:为店铺手机号开通虚拟号,用户联系店铺展示虚拟号码; 官方开放文档地址:https://help.aliyun.com/document_detail/59655.html?spma2c4g.111742…

弘玑RPA进阶攻略

弘玑RPA进阶攻略 01.弘玑RPA产品概要02.设计器的安装与卸载03.设计器特性与使用04.工程模式与发布05.变量06.字符串处理07.数组处理08.日期与时间09.数据表格10.对象处理11.逻辑组件12.界面自动化13.界面自动化抓取网页表格数据14.Excel使用15.执行器概览16.中控概览17.语法糖1…

15 轮转数组

轮转数组 题解1 环状替换(学习思想)(空间O(1))题解2 翻转数组(有意思好理解)(空间O(1))题解3 空间O(N)秒答 给定一个整数数组 nums,将数组中的元素向右轮转 k 个位置&a…

Selling a Menagerie(cf)

该题考察了拓扑排序dfs 题意:你是一个动物园的主人,该动物园由编号从1到n的n只动物组成。然而,维护动物园是相当昂贵的,所以你决定卖掉它!众所周知,每种动物都害怕另一种动物。更确切地说,动物…

Maven编译java及解决程序包org.apache.logging.log4j不存在问题

1、首先新建一个文件夹&#xff0c;比如hello Hello里新建pom.xml <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi…

LlamaIndex:将个人数据添加到LLM

推荐&#xff1a;使用 NSDT场景编辑器 快速搭建3D应用场景 LlamaIndex是基于大型语言模型&#xff08;LLM&#xff09;的应用程序的数据框架。像 GPT-4 这样的 LLM 是在大量公共数据集上预先训练的&#xff0c;允许开箱即用的令人难以置信的自然语言处理能力。但是&#xff0c;…

利用python进行视频下载并界面播放快速下载素材

工具&#xff1a;python designer&#xff08;python自带&#xff09;:UI界面设计工具 VLC&#xff1a;视频播放工具 需要的库如下&#xff1a; import os,platform os.environ[PYTHON_VLC_MODULE_PATH] "./vlc-3.0.14" import vlc from 脚本 import Player from …

字符串子序列II

■ 题目描述 【字符串子序列II】 给定字符串 target和 source&#xff0c;判断 target是否为 source 的子序列。你可以认为target和 source 中仅包含英文小写字母。 字符串 source 可能会很长&#xff08;长度~500,000&#xff09;&#xff0c;而 target是个短字符串&#x…