前端本地启动服务器的简单方式

最新推荐文章于 2024-04-15 13:06:16 发布
原创 最新推荐文章于 2024-04-15 13:06:16 发布 · 794 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了如何通过全局安装http-server，然后在指定目录下启动服务器，以localhost访问静态文件。步骤包括安装命令、启动命令及访问方式，适合前端开发者进行本地文件预览。

第一步 全局安装 http-server
npm install http-server -g
第二步
进入目标文件夹启动 http-server 或者指定端口号 http-server -p 8081
cd dist http-server
cd dist http-server -p 8081
第三步
访问 localhost:8080 或者 localhost:8081

strongbuger
关注
本地如何快速启动静态服务器
qq_34451215的博客
09-08 1046
如果你只想通过命令行快速启动一个服务器，可以使用或serve，它们都能帮助你轻松地在指定端口上启动静态文件服务器，无需额外的配置和代码编写。
前端开发_本地模拟服务器_Vite插件_TypeScript_1744173786.zip
04-09
在开发过程中，前端开发者可以随时通过命令行启动Vite构建服务器，并使用vite-plugin-mock-server提供的功能，这样一来，就能够在本地模拟出与实际生产环境相类似的接口数据交互。 除了vite-plugin-mock-server，...
前端服务器启动
周小仙女的博客
11-24 1303
1.安装nodeJs ①安装包下载 官网下载Node.js ②运行msi文件 我存在E盘下nodejs文件夹下 ③设置nodejsprefix（全局）和cache（缓存）路径 在nodejs安装路径下，新建node_global和node_cache两个文件夹 设置缓存文件夹 进入到Windowsdos界面，进入nodejs文件夹目录下。执行下方命令 npmconfigsetcache"E:\nodejs\node_cache" npmconfigse...
使用http-server开启一个本地服务器
snow的博客
10-18 5109
场景： 一、在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。 二、vue打包项目后，生成dist目录，dist目录启动打包后的项目，这时候使用http-server会非常的方便。 使用http-server开启一个本地服务器 - Nola - 博客园 ...
前端自启服务器
wgod
05-24 214
npm install anywhere -g 全局安装 之后哪个文件想要自启服务器，打开命令行输入anywhere
web前端如何搭建本地服务器
qq_43817005的博客
08-27 5957
一.搭建环境 1.Visual Studio Code代码编辑器 （其他编辑器也可以） 2.node.js是运行javascript代码的环境 (下载安装教程上网去搜) 3.如果想涉及数据库的话，就下载个mysql (下载安装教程上网去搜) 二.搭建服务器前的准备 1.在桌面上建一个文件夹 ddd (随便起的) 2. Win+r打开终端 输入cd 将卓面上的ddd文件拖入到终端里，回车。则表示到该文件下了 3.初始...
Mac使用Python搭建本地前端服务器
卡卡西：一个擅长拷贝的前端程序员
12-19 1532
mac自带Python，可在终端中输入 python 查看（如下） 接下来开始搭建本地服务器 第一步，在电脑中找个位置创建一个新的文件夹 如，在桌面创建一个名为service的文件夹（名称随意） 然后终端切到这个分支里边 cd /Users/Apple/Desktop/service （在终端中输入cd 然后将该文件夹拖入终端，即可得到该文件夹位置） 第二步，运行Http服务器...
前端搭建本地开发服务器
04-01
- 在VSCode底部状态栏点击“Go Live”按钮或右键选择文件夹后点击“Open with Live Server”选项即可启动服务器。 - 浏览器会自动打开显示项目内容，默认端口通常是5500。 3. **优点** - 快速简便，适合轻量级...
基于Nodejs的轻量级前端本地开发服务器与静态资源部署工具_提供快速启动HTTP服务热重载文件监听跨域代理Gzip压缩目录浏览自定义端口与路由配置支持SPA历史模.zip
最新发布
12-04
该工具为前端开发者提供了一套完整的本地开发服务器解决方案，从快速启动、热重载，到性能优化、路由配置等，每一个功能都是为了提升开发体验而精心设计。它的存在，无疑将为前端开发工作带来极大的便利性，使得...
影城项目前端项目服务器
06-30
【影城项目前端项目服务器】是一个专为影城管理设计的前端应用程序，它依赖于一个本地服务器来运行和展示系统。这个服务器不仅负责提供静态资源，如HTML、CSS和JavaScript文件，还可能处理API请求，与后端服务进行...
前端调试，本地服务器推荐
liyoro的专栏
07-30 440
需求 前端开发的时候，有时候需要服务器部署前端页面、打包后的代码调试。 例如： 1、开发的小程序用的简单页面，需要微信打开真机查看下效果，这时候本机部署一个本地服务器，然后手机连接电脑的共享网络，就可以访问部署好的页面或资源了。 2、开发的项目需要模拟真实服务器交互。Mock数据、加载图片资源、视频资源等 3、前端工程化项目，打包后的生产代码，可以本地部署查看下优化效果、webpack设置效果。Vue项目中的路由是否异步加载、js和css是否有压缩、打印和警告是否去除干净了、过大的js文件是否拆分了… 4
前端如何拥有自己的服务器
技术杂谈
01-31 7554
本文来自作者 郭方超 在 GitChat 上分享 「前端如何拥有自己的服务器」，「阅读原文」查看交流实录。「文末高能」编辑 | 哈比前言前端开发者需要一直关注浏览器的行为和表现。时间长了免不了要接触到后端的知识、服务器的知识。尤其是在前端技术爆发式发展的当下，前端慢慢的渗透到了更多的领域。比如，使用 express/koa 创建 http 服务，使用 React-Native 开发 Android
前端搭建本地服务器的小技巧分享
hbmern的博客
05-19 401
2、把你要访问文件放在某个目录文件夹下，用Vscode打开这个文件夹。4、这样子就启动了一个本地服务器。3、点击右下角的Go Live。
前端开发人员快速搭建本地服务器的3种方法（针对项目目录）
dong123ohyes的专栏
06-20 1万+
一、 node的http-server模块是最简单，最快速的（应该还有更好的）。 第一步 安装nodejs 官网地址：https://nodejs.org/en/ 第二步 安装node 1.不管你是windows 还是 mac osx 环境下都是傻瓜式安装（懒得配了，按默认的来） 2.安装结束后，打开命令行工具 3.输入命令node -v 检测node是否安装成功，安装成功，会显示版本信息 4.输入npm -v 检测npm安装是否成功 第三步 安装http-server模块 1.还是在命..
前端快速搭建本地服务器的几种方法
热门推荐
lixiaoyan93的博客
06-21 1万+
背景：在前端项目中搭建本地服务器可以实现多个设备(手机和电脑)运行同一个地址就可以看到效果前提是在局域网内，以前用的Apache搭建本地服务器来运行前端静态项目，现在可以同过node直接搭建或者是直接使用vscode的插件 live serve，可以启动本地服务器。 方法一 1.安装node 2.安装好了，我们打开cmd，输入命令行1：node -v, 这里是查询node版本，出现版本号说明安...
前端启动本地服务的四种方法，看完不会你锤我
2401_84103903的博客
04-15 2176
localhost 或 http://127.0.0.1/ - 每个服务都会有一个端口号，nginx默认的端口号是80，访问的时候不填写端口号，默认也是80。移动端访问的时候，需要使用第三种方法进行访问，如果访问的不是index.html，是中文的文件时，手机不能直接使用ip+中文名的方法，需要在电脑上复制下路径，中文乱码以后的地址，建议大家起文件名不要使用中文和数字，尽量使用英文字母。localhost:80 或 http://127.0.0.1:80/ - 添加服务的端口号。端口号都是自动分配的，
前端如何在本地起临时服务器
Gorgio_Liu的博客
05-23 585
1、首先安装依赖包pushstate-server npm install pushstate-server --save 2、在项目根目录下新建一个server.js文件 // 首先导入依赖 const server = require('pushstate-server') // 启动服务 server.start({ port: 5018, directory: './dist' // 静态文件的存放位置 }) // 输出打印 console.log('your sever is
前端工程化——Livereload和HMR、本地开发服务器
发现问题，面对问题，分析问题，解决问题，总结问题
11-13 881
本地开发服务器动态编译功能的目的是为了节省人力、方便前端开发和调试，本质原理是监听+触发。webpack-dev-server是官方提供的用于搭建本地开发环境的一个微型Node.js服务框架，并且提供动态编译、HMR（热更新）等功能。如果你的项目不需要Mock服务，webpack-dev-server完全可以满足需求。但是Mock服务是本地开发服务器不可或缺甚至可以说是最重要的功能，不能舍弃。幸运的是，webpack同时提供了webpack-dev-middleware，它是Express框架的一个中间件，
2021-10-14 如何在本地启动服务，前端进行访问
weixin_44092667的博客
10-14 1345
今天有个需求：项目还没有部署，API已经完成了，在等前端做完；我以为会在部署之后才进行联调，然后说叫我本地启动服务让前端来访问 这种情况我也是第一次遇到，所以记录下。怎么做呢？ 问题： 1、报403 forbid 2、跨域 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值