頁面訪問調試

本地(一個局域網環(huán)境)調試

  1. 用過電腦本地服務器,進行本地(一個局域網環(huán)境)跨設備調試

開啟本地服務器的途徑:wamp、HBuilder、VS Code live-server

  • 開啟一個本地服務器,通過瀏覽器訪問這個服務器里的調試頁面;
  • 打開cmd命令行,通過ipconfig/all,查看IPv4 地址
  • 將localhost替換為 ip 地址
  • 在其他設備上訪問處理的url地址即可

本地調試 - 外網訪問

  1. NATAPP - 開啟您的內網穿透之旅

※ 前置工作:

  • 前往官網下載應用,解壓后放在一個自己定義文件夾內
  • 官網注冊賬號
  • 實名認證 - (如發(fā)現從事非法工作,為直接發(fā)送公安機關)
  • 購買隧道 - 選擇免費的
  • 我的隧道 - 配置 - 完成購買
  • 復制我的隧道 - authtoken參數 -
    authtoken:xxxxxxxxxxxxx

※ 具體使用:

  • 來到natapp.exe文件所在目錄
  • 使用cmd
    執(zhí)行:
    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、遠程桌面訪問單位或個人服務器
  • 登錄成功,上傳文件
  • 刷新對應服務器的頁面訪問地址
  1. 通過 寶塔 (安全高效的服務器運維面板) - 一鍵構建服務器
  • 注冊登錄,配置一個本地服務器
  • 跳轉分配個人登錄地址、輸入賬號密碼
  • 通過操作界面找到需要修改的文件
  • 訪問配置的URL
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容