当前位置: 首页 > news >正文

Nginx 部署前端项目dist文件到局域网然后ngrok部署到公网

①项目里面 npm run build 生成的dist文件

②下载nginx: download 将dist文件夹放入html文件夹中

③conf修改配置   里面有nginx.conf  文本修改④在此目录下 打开cmd   输入 start nginx.exe  启动代理

⑤http://localhost:90/index.html即可或者域名换成你的ip地址也可以

任务管理器可以看出nginx启动了的,或者直接点击两下nginx文件里面的图标

ngrok内网穿透工具

ngrok - Online in One Line

  • 注册ngrok账号,下载并安装。本地控制设置ngrok的token

  • 以管理员身份运行命令提示符(CMD启动ngrok,映射你的本地端口,比如:端口填能起的端口

http://www.dtcms.com/a/206381.html

相关文章:

  • python打卡day33
  • w~自动驾驶~合集13
  • 深度学习零基础入门(2)-实战1:激活函数、前向传播和反向传播
  • 巧用 FFmpeg 命令行合并多个视频为一个视频文件教程
  • Vue3+Vite+TypeScript项目中跨页多选表格的实现与应用
  • 进阶知识:用例依赖装饰器的实现方法的 代码细节问题解析
  • 栈与队列part01(二)
  • 服务架构演变过程
  • Java——集合类
  • 开闭原则 (Open/Closed Principle, OCP)
  • 如何让 Agent 有计划地进行股票数据分析?——基于 DeepSeek 的实战应用
  • ext2文件系统详讲
  • HashMap的hash方法是如何实现的
  • Vue 3.0中自定义指令
  • 【Python socket模块深度解析】网络通信的核心工具
  • 使用pm2 部署react+nextjs项目到服务器
  • 【IC_Design】跨时钟域的寄存器更新后锁存
  • RK3588 RGA 测试
  • 解决leetcode第3548题.等和矩阵分割II
  • 推测解码算法在 MTT GPU 的应用实践
  • C++23 容器推导指引中对于分配器的非推导语境(P1518R2)
  • MCP协议:AI时代的“万能插座”,如何重塑互联网技术生态?
  • 【1004. 最大连续1的个数 III】
  • Redis进阶之高可用
  • 操作系统学习笔记第1章 操作系统概述(灰灰题库
  • SAR ADC 的常见架构
  • Spring Task
  • 结课作业自选01. 内核空间 MPU6050 体感鼠标驱动程序(二)(完整实现流程)
  • 服务器硬盘分类
  • 服务器磁盘按阵列划分为哪几类