前端访问服务跨域问题解决——http-sever做反向代理

最新推荐文章于 2025-06-03 09:00:42 发布
原创 最新推荐文章于 2025-06-03 09:00:42 发布 · 492 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用npm全局安装http-server，并通过特定命令行指令在其指定目录下启动服务器，连接至后端服务的IP及端口，最终在浏览器中通过访问localhost指定端口查看页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

用npm下载个http-server：

cnpm install http-server -g

 -g表示全局支持

到web模块的resources目录下，在cmd命令行执行：

http-server -P http://192.168.252.114:8100 -p 9000 .

其中ip端口是后端服务的ip端口。

 

浏览器打开http://localhost:9000/index.html就行了，一定要加/index.html

前端200道面试题及答案（更新中）
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
Http代理服务器（proxy Server ）
12-05
超轻量型 Http proxy Server，用来学习非常不错，实现GET/POST 的 Web 处理，可以帮助我们真正理解服务器程序的本质。
http-server实现跨域
TinaSlowDown的博客
03-13 2212
跨域处理方法
深入理解http-server：零配置命令行HTTP服务器
最新发布
gitblog_01112的博客
06-03 559
深入理解http-server：零配置命令行HTTP服务器 什么是http-server http-server是一个简单、零配置的命令行HTTP服务器工具。它既强大到可以用于生产环境，又足够简单和可定制化，非常适合用于测试、本地开发和教学场景。作为一个基于Node.js的工具，它不需要复杂的配置就能快速启动一个本地Web服务器。 核心特性 零配置：开箱即用，无需复杂设置 轻量级：基于Node....
命令行服务器（http-server)和跨域
weixin_43310551的博客
01-11 2万+
http-serevr是一个简单的命令行http服务器，基于nodejs。下面介绍怎么安装使用http-server（需要node环境，没有环境的请先安装好nodejs）。http-server官方地址:https://www.npmjs.com/package/http-server 。 1、安装（全局安装加 -g） 全局安装：npm install http-server -g 2、使用(以w...
http-server服务跨域设置
weixin_30295091的博客
09-15 3078
http-server --cors -p 9999--------------------------------------------------------------------------------------------------------------------------------------------------------------------Available ...
使用http-server解决跨域问题
weixin_45029879的博客
08-29 2760
使用http-server解决跨域问题 用http-server解决过跨域的问题，现在来总结一下。 由于前段时间，公司突然要求开发一个h5的可视化页面，但是这个页面是模板文件，最后要放在服务器端，前端就是个html页面，所以就用的http-server来解决跨域，调试接口 安装http-server 使用win +r 打开dos面板，全局安装 npm install -g http-server 启用http-server http-server 使用http-server启动我们的项目 ht
万字HTTP学习笔记
hoyiuga的博客
11-02 459
计划做得多不如极客上路 老师背景： 罗剑锋（Chrono） 前奇虎360技术专家，Nginx/OpenResty开源项目贡献者 “To Be a HTTP Hero！” 一、破冰篇 基础篇 进阶篇 安全篇 飞翔篇 探索篇 总结篇 ...
Python基础知识资料收集库
01-03 2371
对于开始想输出 “Hello 世界” 的用户，以下资料值得珍藏^~^ 1：为什么学习Python 家里有在这个IT圈子里面，也想让我接触这个圈子，然后给我建议学的Python， 然后自己通过百度和向有学过Python的同学了解了Python，Python这门语言，入门比较简单， 它简单易学，生态圈比较强大，涉及的地方比较多，特别是在人工智能，和数据分析这方面。在未来我觉得是往自动化， 人工...
HTTP——跨域相关问题
可爱一只小小鸟
07-14 369
背景：毕业设计，用C++做HTTP server 跨域导致的问题： 1，直接访问链接可以访问成功，在ajax中，返回状态为200，却跳到error所属的function中，下面代码数据结果为0，0，error error: function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status)...
http server 代理请求
weixin_45489258的博客
09-19 344
二.全局安装http server。一.本地全局安装node.js。
前端跨域请求终极解决方案 http-server 超轻量级web服务器 http-proxy-middleware 将接口代理到本地
逆水行舟，不进则退
04-17 1万+
http-server 超轻量级web服务器 目前大多数开发都是前后端分离，后台写好api，前台通过api拿到数据然后渲染，但是由于浏览器的同源策略，不允许跨域访问数据，前台测试会比较麻烦，无法拿到数据，正式的部署不会有这个问题。 前端分离开发经常会遇到这样的场景： 前端妹纸：怎么数据又获取不到了，后台设置一下跨域 有的时候做前端，想要运行一些代码，但是又没有必要使用tomcat或...
HTTP----跨域解决方式
m0_58794378的博客
03-10 3760
在说跨域之前，需要先了解一下什么是同源策略，跨域就是因为浏览器这个安全策略引起的。
http服务代理
weixin_44929562的博客
05-07 673
1.在首先需要添加HTTP代理服务器，如下图所示： 2.在代理服务器中添加对应的数据，对目标控制器 和分组进行修改添加，如图所示： 3.在火狐浏览器中修改代理器的ip地址，如图所示 4.修改成功后，返回到http中进行启动，然后进行下一步，进行抓取数据，如图所示： 10.抓取成功后 会出现以下显示， 以上便是成功的步骤 。。。 ...
使用http-server做简单本地代理
mmiaoChong的博客
05-12 3275
使用http-server做简单本地代理
使用http-server代理axios请求
莫负时光
10-20 4377
使用http-server代理axios请求   开始想简单的学习一下axios相关的使用和API，写了一个简单的html通过引入CDN方式的axios的js，然后通过axios向后端发起请求，出现了跨域，所以想到使用http-server来处理这种前端和后端分离时跨域的问题。 http-server简介   http-server是一个简单的零配置命令行http服务器。它足够强大，足以用于生产用...
前端本地代理调试工具(http-server)
Zwq8023520的博客
12-09 2633
win系统http-server安装与使用 mac系统http-server安装与使用 本地如何对https进行调试
httpServer来代理WebSocket通信
fzlhz的博客
07-29 1175
单工：数据只支持在一个方向传输，即单向，在同一时间内只有一方能够接受&发送信息； 半双工：允许数据能够双向传输，但是，在某一时刻只允许数据在一个方向传输。类似切换方向的单工通信。http就是半双工通信，先有请求，再有响应； 全双工：允许数据同时都能双向传输，类似两个单工通信的结合，要求client & server都有独立接收和发送的能力，在任意时刻都能接收&发送信息，socket就是全双工通信；...
使用gulp+borwser-sync+http-proxy-middleware解决跨域问题
这样的配置不仅可以解决开发环境中的跨域问题，还能够提高开发效率，因为开发者可以同时看到前端和后端修改的即时效果。以下是一段示例代码，展示了如何在gulp中配置browser-sync和http-proxy-middleware： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值