1.vscode軟件中安裝插件(live server)
2.在vscode軟件中點開你的HTML文件烁涌,進行反鍵找到(open with live server)
3.電腦默認的瀏覽器會自動打開一個頁面财著,接口跨域時灭贷,需要后端將頁面地址寫入到白名單中吓著,但是由于每次live server時打開的頁面鏈接端口都不太一樣,因此此時需要更改live server啟動的端口號
4.更改live server啟動端口號逛球,使用快捷鍵ctrl+,打開設置面板
5.將區(qū)域切換到工作區(qū)后,在到輸入框中輸入 (live server)
6.找到(在setting.json中編輯)關(guān)鍵字進行點擊苫昌,然后在配置文件中添加——"liveServer.settings.port": xxxx,
7.重點就是這一行:"liveServer.settings.port": 64467,
此時的端口號可以跟后端協(xié)商颤绕,統(tǒng)一一個端口號。文章來源地址https://www.yii666.com/blog/361711.html
保存配置后,重新在html頁面中右擊執(zhí)行open with live server奥务,此時就會發(fā)現(xiàn)端口號已改物独。
1.搭建Nodejs靜態(tài)服務器,在終端中輸入(node -v)查看安裝了沒有,沒有安裝到Node官網(wǎng)氯葬,找到對應系統(tǒng)的版本下載
2.安裝live-server模塊挡篓,輸入npm install -g live-server進行下載
3.啟動靜態(tài)服務器,輸入live-server開啟靜態(tài)服務器
4.出現(xiàn)一個目錄溢谤,找到你要打開的html就行了