页面访问调试

本地(一个局域网环境)调试

1. 用过电脑本地服务器，进行本地(一个局域网环境)跨设备调试

开启本地服务器的途径：wamp、HBuilder、VS Code live-server

• 开启一个本地服务器，通过浏览器访问这个服务器里的调试页面;
• 打开cmd命令行，通过ipconfig/all，查看IPv4 地址
• 将localhost替换为 ip 地址
• 在其他设备上访问处理的url地址即可

本地调试 - 外网访问

1. 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配置中修改端口号）
• 外网映射地址(免费版本 - 会每隔一段时间随机变化，因此过期后，重新运行指令生成即可)

外网调试

1. 通过ftp、远程桌面访问单位或个人服务器

• 登录成功，上传文件
• 刷新对应服务器的页面访问地址

2. 通过 宝塔 (安全高效的服务器运维面板) - 一键构建服务器

• 注册登录，配置一个本地服务器
• 跳转分配个人登录地址、输入账号密码
• 通过操作界面找到需要修改的文件
• 访问配置的URL