注意點:vue項目在運行時會先進行主機檢測,如果檢測到非本機會拒絕訪問,所以在進行內網穿透前得先設置
1. vue.config.js文件中配置忽略主機檢測:
2. 有兩種常用軟件可以做內網穿透:
2.1:https://natapp.cn/ NATAPP做內網穿透:
2.1.1:基本配置:https://natapp.cn/article/natapp_newbie
2.1.2:第八步詳解:
在natapp下載目錄中新建文件:config.ini
文件內配置:
#將本文件放置於natapp同級目錄 程序將讀取 [default] 段
#在命令行參數模式如 natapp -authtoken=xxx 等相同參數將會覆蓋掉此配置
#命令行參數 -config= 可以指定任意config.ini文件
[default]
authtoken=dd670186929fce28 #對應一條隧道的authtoken---------這個在購買到的我的隧道中有,復制替換即可
clienttoken= #對應客戶端的clienttoken,將會忽略authtoken,若無請留空,
log=none #log 日志文件,可指定本地文件, none=不做記錄,stdout=直接屏幕輸出 ,默認為none
loglevel=ERROR #日志等級 DEBUG, INFO, WARNING, ERROR 默認為 DEBUG
http_proxy= #代理設置 如 http://10.123.10.10:3128 非代理上網用戶請務必留空
啟動natapp文件:
雙擊exe文件即可進入
划線處即可訪問本地:相當於localhost:8080/ 跟網頁路徑
2.2: nat123做內網穿透:
如圖配置:
1.添加映射 2. 配置內網端口 3.配置內網地址:進cmd中ipconfig中獲取ipv4填入即可 4.訪問者只需訪問外網580……即可,相當於localhost:8080