http-server 简易node服务器，本地浏览器打开build打包之后的dist文件

最新推荐文章于 2024-01-16 16:17:35 发布
最新推荐文章于 2024-01-16 16:17:35 发布
阅读量604 收藏 2
点赞数
分类专栏： NodeJs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45752063/article/details/110431060
版权
1、全局安装 http-server（建议的），可以用下面三个命令中的其中一个

国外npm网站直接安装命令： npm i http-server -g

淘宝cnpm镜像安装命令： cnpm i http-server -g

linux系统安装命令： yarn -g http-server

2、进入dist文件夹，Shift + 鼠标右键 打开命令窗口
输入 http-server 启动本地服务
Jeffery Feng
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
media-server-node：适用于Node.js的WebRTC媒体服务器
02-03
适用于Node.js的WebRTC Medooze媒体服务器该媒体服务器将允许您从远程WebRTC对等方接收和发送媒体流，并管理如何路由它们。 支持的系统： Linux Mac OS X 树莓派安装只需将Medooze媒体服务器添加为对节点proyect的...
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
12-12
亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。 我的vue项目结构如下： 1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的scripts配置) 执行成功如下...
http-server本地访问打包文件
cream66的博客
03-15 1152
http-server本地访问打包文件 http-server的安装和使用 http-server是一个简单的零配置命令行http服务器。它足够强大，足以用于生产用途，但它既简单又易于破解，可用于测试，本地开发和学习。 网站：https://github.com/http-party/http-server 安装 npm i -g http-server 运行 //进入文件夹运行 http-se...
nodejs服务本地预览打包后的vue文件
Cynthia_Yue27的博客
09-09 894
node起本地服务，预览vue打包后文件，解决跨域问题
【http-server】http-server的安装、前端使用http-server启动本地dist文件服务:
SunPeng的博客
07-14 4224
【http-server】http-server的安装、前端使用http-server启本地dist服务:
本机启动运行前端提供的dist包
qq_42542312的博客
04-27 2561
在浏览器中访问http://localhost:8080，即可查看前端页面。注意：如果前端页面中有需要与后端进行交互的接口，需要确保后端服务已经启动并且接口地址正确。要在本机启动运行前端提供的dist包，需要先安装一个HTTP服务器，例如Apache或Nginx。这里以使用Node.js的http-server为例进行说明。在浏览器中访问http://localhost:端口号，即可查看前端页面。首先，确保已经安装了Node.js。如果没有安装，可以从。修改文件config.json。
【超简单】安装及运行 http-server 简易node服务器，本地浏览器打开build打包之后的dist文件
时间飞逝的博客
01-23 5929
build之后的dist文件只有放在服务器上才能查看，但本地如何查看呢，我们可以利用node.js中的 http-server 的插件，搭建一个简易node服务器。 1、全局安装 http-server（建议的），可以用下面三个命令中的其中一个 国外npm网站直接安装命令：  npm i http-server -g    淘宝cnpm镜像安装命令：       cnpm i http-se...
vue-cli打包后本地运行dist文件中的index.html操作
10-14
主要介绍了vue-cli打包后本地运行dist文件中的index.html操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue本地打开build后生成的dist文件夹index.html问题
10-16
主要介绍了vue本地打开build后生成的dist文件夹index.html问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
vite打包相关+本地http-server运行打包dist文件进行检测
最新发布
xhc6666的博客
01-16 1472
vite打包相关+本地http-server运行打包dist文件进行检测
http-server使用，启动本地服务器 & 使用serve包本地启动
热门推荐
weixin_44867717的博客
10-18 1万+
node,http-server,serve
vue 本地运行dist文件 http-server
木子静静的博客
08-14 1723
1.全局安装http-server npm install -g http-server 2.在对应dist目录下的命令行执行 http-server 即可运行
基于http-server快速搭建本地服务
weixin_45932733的博客
04-19 449
在现在前后端分离的模式下，打包后的测试文件总要放到服务器才会正常运行，现在使用http-server即可快速在本地搭建服务，运行打包后的测试文件。 1.环境搭建 http-server 基于node运行，需要安装nodeJs环境， 2.安装http-server 全局安装：npm install --global http-server 3.运行本地服务 打开cmd，移动进入当前文件夹的上一次层文件，在当前文件夹内输入命令即可 http-server [path] [options] -c -1 path默
vue项目 dist文件本地部署、http-server网页服务
Li8L9xF的博客
09-29 2432
http-server ：web服务器。vue打包本地部署。本地测试局域网下载app
webpack打包vue项目之后生成的dist文件本地运行
qq_37214137的博客
03-14 2964
本地测试打包文件
angular 打包及发布 http-server搭建服务器
qq_36557846的博客
06-10 943
angular 打包
vue修改server路径带dist问题
Alistring的博客
05-29 603
webpack server 开发vue时会发现url会带上dist，例如：http://localhost:8080/dist/index 我们可以打开vue.config.js文件，然后把publicPath的值改成 / 后重新编译重启 npm run build npm run serve Url中的dist已经没有了
启动dist文件serve
qq_45184152的博客
02-15 1189
node+express启动vue打包后的dist文件
yaorui_123456的博客
08-27 4021
启动vue打包后的dist文件 当我们前端使用vue框架打包成dist文件时,想预览测试时,又不想上传服务器,可以在本地创建node服务器,使用非常简单. 一、创建一个文件夹（英文名称） 小编创建的是server-app cd server-app npm init 二、使用express模块 这一步需要下载一个node_modules包 npm install express 三、手动创建app.js入口文件 小编创建的是app.js,随便啊!!! //使用express构建web服务器 --11:2
vue2中用npm run build打包成dist文件上传服务器后怎么在网址中显示页面名称
04-05
在Vue2中使用npm run build打包成dist文件后，可以通过修改服务器的配置文件来实现在网址中显示页面名称。 1. 首先，需要在服务器上配置一个反向代理，将所有请求都转发到index.html文件中。这可以使用Nginx或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值