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

7月前作者：-耿瑞- 分类：Toy博客阅读(28) 违法举报

这篇具有很好参考价值的文章主要介绍了通过 http-server 运行刚打包出来的脚手架项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这里我打包了自己的vue项目
react其实也一样
如果我直接打开打包出来的 dist 下面的index.html
会出现白屏资源找不到或者跨域等问题
通过 http-server 运行刚打包出来的脚手架项目,http,网络协议,网络
这个问题其实配个nginx也能解决但是其实如果只是想做个测试 nginx就太麻烦了

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

npm install -g http-server

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

http-server -p 3000

这里我们指定他运行在 3000端口这个端口大家可以自己去输的
通过 http-server 运行刚打包出来的脚手架项目,http,网络协议,网络
然后此时我访问本地 3000端口
http://localhost:3000/

通过 http-server 运行刚打包出来的脚手架项目,http,网络协议,网络
本地的项目就起来了文章来源地址https://www.toymoban.com/news/detail-702396.html

到了这里，关于通过 http-server 运行刚打包出来的脚手架项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

65 # 实现 http-server 里的 gzip 压缩

服务端优化都是：压缩 + 缓存前端可以通过 webpack 插件进行压缩 gzip 根据替换来实现的，重复率越高，压缩后的结果越小方式一：读取文件压缩，如果文件大的话都读取到内存中，耗内存方式二：用转化流（可读可写）的方式，服务端的文件 = 压缩 = 客户端新建 1.txt 文件

2024年02月14日
浏览(30)
73 # 发布自己的 http-server 到 npm

1、添加 .npmignore 文件，忽略不需要的文件 2、去官网https://www.npmjs.com/检查自己的包名是否被占用 3、切换到官方源，然后检查确认 4、登录 npm 账号 5、发布 6、查看发布情况，发布成功之后，等一会，我们就能看到自己的包在 npm 上了 7、更新版本，我们添加一个 README.md 文件

2024年02月11日
浏览(29)
http-server使用，启动本地服务器 & 使用serve包本地启动

http-server使用，启动本地服务器使用serve包本地启动直接打开html文件，跨域不渲染图片 1、简介官网:https://github.com/http-party/http-server http-server是一个简单的零配置命令行 http服务器。它足够强大，足以用于生产用途，但它既简单又易于破解，可用于测试，本地开发和学习。

2024年02月02日
浏览(46)
uniapp使用cli脚手架创建兼容小程序和h5的项目自动化命令打包运行

HbuliderX搭建项目结构： CLI搭建项目结构： CLI方式搭建uniapp项目：大家可以看下两种方式搭建的项目文件夹目录有什么区别，上面的是HbuilderX模版搭建的小程序项目，下面的是cli搭建的项目，先把my-test项目中src下面的文件全部删除，然后我把小程序代码全部塞进了src文件夹下

2024年02月16日
浏览(54)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）

除了使用HBuilderX工具可视化搭建项目外，DCloud官方还提供了一个脚手架用于命令行搭建项目。 uni-app项目支持 uni cli和 HBuilderX cli两种脚手架工具： uni cli：面向非HBuilderX的用户（如习惯使用vscode/webstorm的开发者），提供创建项目、编译发行等能力；在App平台，仅支持生成离线

2024年04月16日
浏览(50)
IBM_HTTP_Server通过iKeyman.bat制作证书文件

要通过 iKeyman.bat 制作 SSL 证书文件，你可以按照以下步骤进行：打开 iKeyman.bat：在你的 IBM HTTP Server 安装目录中，找到 ikeyman.bat 并运行它。创建新的 Key Database：在 iKeyman 界面中，选择 Key Database File - New 。然后选择 Key Database Type，通常选择 CMS 或 PKCS12 。填写数据库文件路径

2024年02月20日
浏览(19)
Vue 脚手架（打包工具）的理解 - 配置文件理解

Vue 脚手架是 Vue 作为一个前端开发项目的最核心点，将 JavaScript 、 CSS 、 HTML 这几种前端自动整合，极大的简化了前端开发工作。没有 Vue 脚手架，就没有 Vue ，这是一定的，Java 语言和C语言都需要编译，那么你可以将 Vue 脚手架看作是伪编译器吧，或者是伪解释器，当然伪解

2024年02月06日
浏览(29)
创建react脚手架项目——demo（react18 + react-router 6）+ react项目打包部署

全局安装 create-react-app 说明：不建议安装全局，建议使用 npx 命令安装，具体可参考官网，如下：官网： https://zh-hans.legacy.reactjs.org/docs/create-a-new-react-app.html. 1.2.1 问题1——npm ERR! code ENOTFOUND（网络问题clashx）问题描述，如下：解决问题——方式1 如果使用了clashx，可能是它

2024年02月07日
浏览(51)
SpringBoot项目（Tomcat启动https端口）——springboot配置Tomcat两个端口，https和http的方式 & jar的打包和运行

1.springboot配置Tomcat两个端口，https和http的方式； 2.在https协议下，发送axios请求没反应，暂时用form表单解决； 3.运行jar包template might not exist报错及解决；代码位置： https://gitcode.net/Pireley/springboot-tomcat-http-https 严格来说https不是一个独立协议，只是在http协议基础上增加了SSL/T

2024年02月03日
浏览(44)
前端如何搭建脚手架并在本地运行

在开始搭建前，确保本机安装了node，为避免奇奇怪怪的问题建议node版本16以上使用过vue ，react，angular的同学都知道，应该对脚手架有一定的理解，比如vue-cli的 vue create myApp ,其中vue 就是vue-cli声明的一个命令，下来我们创建一个项目并声明自己的命令。创建一个空的文件夹

2024年02月20日
浏览(32)