页面访问调试
2022-12-15 本文已影响0人
squidbrother
本地(一个局域网环境)调试
- 用过电脑本地服务器，进行本地(一个局域网环境)跨设备调试
开启本地服务器的途径：wamp、HBuilder、VS Code live-server
- 开启一个本地服务器，通过浏览器访问这个服务器里的调试页面;
- 打开cmd命令行，通过
ipconfig/all，查看IPv4 地址 - 将localhost替换为 ip 地址
- 在其他设备上访问处理的url地址即可
本地调试 - 外网访问
- NATAPP - 开启您的内网穿透之旅
※ 前置工作：
- 前往官网下载应用，解压后放在一个自己定义文件夹内
- 官网注册账号
- 实名认证 - (如发现从事非法工作，为直接发送公安机关)
- 购买隧道 - 选择免费的
- 我的隧道 - 配置 - 完成购买
- 复制我的隧道 - authtoken参数 -
authtoken：xxxxxxxxxxxxx
※ 具体使用：
- 来到natapp.exe文件所在目录
- 使用cmd
执行：
natapp -authtoken=xxxxxxxxxxxxx
输出：
http://xxxxx.xxxxx.xxx -> 127.0.0.1:5500
完成本地服务器127.0.0.1:5500映射至外网地址http://xxxxx.xxxxx.xxx - 修改两端配置后，需要退出ctrl+C，再重新运行
※ 运行错误：
查看映射两端是否填写错误，
- 外网映射端配置，在我的隧道 - 配置
- 本地服务器配置，在自己使用的服务器中自行修改（如 vscode liveserver 可以在liveserver配置中修改端口号）
- 外网映射地址(免费版本 - 会每隔一段时间随机变化，因此过期后，重新运行指令生成即可)
外网调试
- 通过ftp、远程桌面访问单位或个人服务器
- 登录成功，上传文件
- 刷新对应服务器的页面访问地址
- 通过 宝塔 (安全高效的服务器运维面板) - 一键构建服务器
- 注册登录，配置一个本地服务器
- 跳转分配个人登录地址、输入账号密码
- 通过操作界面找到需要修改的文件
- 访问配置的URL
