natApp內(nèi)網(wǎng)穿透
一、打包本地項(xiàng)目
- 以Vue項(xiàng)目為例：
修改public/index.html路徑：將
./用<%= BASE_URL%>代替：
base_url.png
在vue.config.js中添加配置項(xiàng)
publicPath:"./"
publicPath.png
- 打包項(xiàng)目
cnpm run build
二、啟動(dòng)本地服務(wù)
將dist文件夾下的文件，拷貝到Nginx的根目錄下
根據(jù)需要配置nginx/conf/nginx.conf
清除nginx緩存
npinx -s reload
- 啟動(dòng)phpStudy或者直接雙擊nginx.exe
- 打開瀏覽器，測(cè)試本地端口號(hào)(127.0.0.1)
三、natApp隧道
根據(jù)不同的需求，選擇不同的隧道類型。注意：隧道類型一旦選擇，不可更改。
如果是網(wǎng)站開發(fā)者，通常選擇Web類型，具體如下：
Web: 普通型http(s)隧道穿透,用于搭建網(wǎng)站,微信開發(fā)等穿透到本地web服務(wù).
TCP: 端口轉(zhuǎn)發(fā) 應(yīng)用于SSH,數(shù)據(jù)庫(kù),遠(yuǎn)程桌面,GAME等基于TCP連接的一切應(yīng)用任您想象~
UDP: 端口轉(zhuǎn)發(fā) 應(yīng)用于游戲,遠(yuǎn)程開機(jī)等基于UDP協(xié)議的一切應(yīng)用
- 在購(gòu)買隧道時(shí)之前，會(huì)提示：購(gòu)買natApp選擇二級(jí)域名。
natApp中的二級(jí)域名雖然冗長(zhǎng)，但是價(jià)格便宜，不需要備案，直接使用，還要什么自行車~
購(gòu)買二級(jí)域名.png
注意：如果不需要微信開發(fā)、https等，可以在這里直接選擇，否則就不要在這里購(gòu)買。先退出，先選擇好符合要求的二級(jí)域名。
二級(jí)域名.png
- 在注冊(cè)二級(jí)域名時(shí)，要注意選擇能否【用于微信開發(fā)】、【SSL證書】。
注冊(cè)二級(jí)域名.png
- 當(dāng)然也可以使用自主域名：
使用時(shí)要注意避坑：
- 如果選擇使用自主域名，并且在自主域名有對(duì)應(yīng)域名解析的情況下，需要先修改自身的域名解析（600S后生效），因?yàn)樽灾饔蛎袘?yīng)用緩沖池解析權(quán)限比第三方內(nèi)網(wǎng)穿透的權(quán)限高。
- 如果自主域名使用了SSL，則在natApp的隧道配置中，免費(fèi)開啟https將會(huì)無(wú)效。在啟動(dòng)natApp時(shí)候，會(huì)顯示端口為443錯(cuò)誤。
- 配置隧道信息
注意：這里的本地地址與端口號(hào)要與本地Nginx測(cè)試的相同
natApp.png
四、啟動(dòng)natApp
下載natApp并安裝
復(fù)制隧道中的authtoken
autotoken.png
- 粘貼到安裝目錄下的config.iniauthtoken后面
authtoken屬性.png
- 啟動(dòng)natapp.exe，瀏覽器訪問Forwarding后面的域名，即為本地Nginx服務(wù)穿透的項(xiàng)目.
