1.vscode軟件中安裝插件（live server）

2.在vscode軟件中點(diǎn)開(kāi)你的HTML文件，進(jìn)行反鍵找到（open with live server）

3.電腦默認(rèn)的瀏覽器會(huì)自動(dòng)打開(kāi)一個(gè)頁(yè)面，接口跨域時(shí)，需要后端將頁(yè)面地址寫(xiě)入到白名單中，但是由于每次live server時(shí)打開(kāi)的頁(yè)面鏈接端口都不太一樣，因此此時(shí)需要更改live server啟動(dòng)的端口號(hào)

4.更改live server啟動(dòng)端口號(hào)，使用快捷鍵ctrl+,打開(kāi)設(shè)置面板

5.將區(qū)域切換到工作區(qū)后，在到輸入框中輸入 （live server）

6.找到（在setting.json中編輯）關(guān)鍵字進(jìn)行點(diǎn)擊，然后在配置文件中添加——"liveServer.settings.port": xxxx,

7.重點(diǎn)就是這一行："liveServer.settings.port": 64467,
此時(shí)的端口號(hào)可以跟后端協(xié)商，統(tǒng)一一個(gè)端口號(hào)。文章來(lái)源地址https://www.yii666.com/blog/361711.html

保存配置后，重新在html頁(yè)面中右擊執(zhí)行open with live server，此時(shí)就會(huì)發(fā)現(xiàn)端口號(hào)已改。

1.搭建Nodejs靜態(tài)服務(wù)器,在終端中輸入（node -v）查看安裝了沒(méi)有，沒(méi)有安裝到Node官網(wǎng)，找到對(duì)應(yīng)系統(tǒng)的版本下載

2.安裝live-server模塊，輸入npm install -g live-server進(jìn)行下載

3.啟動(dòng)靜態(tài)服務(wù)器，輸入live-server開(kāi)啟靜態(tài)服務(wù)器

4.出現(xiàn)一個(gè)目錄，找到你要打開(kāi)的html就行了