電腦的前端伺服器開啟

『壹』 電腦上,前端伺服器在那開啟

肯定首先要安裝 vs code 和 node.js（既然是前端就必須回，不會的面壁思過）
然後在命令符中輸入 npm install -g live-server 進行安裝，（簡單的NPM安裝）
安裝成功後在vscode里 「查看」 - 「集成終端」或者 文件夾命令提示符 裡面輸入 live-server ，

等待瀏覽器會自動打開 http://127.0.0.1:8080/ 這個埠。

『貳』 如何讓本地的前端伺服器訪問本地的後台伺服器

首行你要去注冊一個花生殼帳號，這里就不寫地址了，自己搜索一下。注冊好後下載客戶端，這個很重要，因為你要通過軟體解析你的IP地址。如圖

登錄後，你就要去配置一下你的本地伺服器軟體了，現在常用的伺服器組件有IIS，阿帕奇等，那今天我就用phpNOW這個做一下演示。

首先到網站上下載一個phpnow伺服器軟體，按照軟體要求進行安裝。（官方有提供教程）很簡單的。
安裝後打開PnCp.cmd 新增一下虛擬主機（或是你默認一下）通過localhost或127.0.0.1可以訪問，那就說明你配置沒有問題了

因為國內的ISP把80埠封閉了，所以你要用其它的埠，如圖：這里我用2099這個埠，如果你有用路由器的話你要設置一下轉發。（讓路由器幫忙解析到指定內網伺服器）這一步很重要。

之後你還要開放一下這個埠2099，右擊網上鄰居-屬性-更改防火牆設置--例外-增加埠

5
設置好後，你就可以輸入XXX域名：2099，或是127.0.0.1：2099這樣就可以訪問了，外網訪問的時候一定要加上：2099埠號。

『叄』 前端搭建本地伺服器

前端使用vscode編輯器，安裝live serve插件
然後在vscode編輯器的右下角有 Go live 按鈕，點擊自動啟動本地伺服器

右鍵，使用Live Server打開；

1. 安裝node.js；
2. 安裝http-server
http-server詳細介紹，包括參數等： https://www.npmjs.com/package/http-server
在命令行中安裝到全局（-g表示安裝到全局，之後所有文件夾路徑下輸入http-server都可以使用）：
操作： 運行cmd + 輸入以下命令：npm install http-server -g （可能會出現許可權問題，在npm前加上sudo）
3. 開啟服務
進入目標文件夾（也就是需要啟動服務的文件夾），shfit+右鍵 —— 「在此處打開Powershell窗口」，輸入如下命令：
hs -o （等同於 http-server -open）
本地伺服器就啟動起來了，默認埠為8080。
遇到問題：埠被佔用，修改埠：hs -o -p 8888
完畢！！

1、安裝全局anywhere，npm install anywhere -g
2、cmd中進入要啟動本地伺服器的靜態文件夾，執行命令：anywhere；
3、anywhere的網址： https://www.npmjs.com/package/anywhere

『肆』 web前端項目部署到伺服器：

執行成功後會生成dist文件

4.1 進入到nginx配置目錄：/usr/local/nginx/conf,對 nginx.conf 文件進行配置

使用include可以配置多個.conf文件，如一個項目一個配置文件。在同目錄下創建demo文件夾，並創建demo.conf配置文件

下面使用是以ip地址的方式創建的的配置文件

訪問地址：

其中dist名稱時可以修改，保持與/usr/local/nginx/html下cp名稱一致，否則會訪問不到;並且/usr/local/nginx/html目錄可存在同一ip下多個web項目。

域名與ip綁定

配置域名demo.conf
eg: 域名 - demo.cn

4.2阿里雲配置域名前綴
阿里雲->域名->域名列表—>域名 管理-> 域名解析->解析設置

如圖：記錄值 填寫當前服務ip

學習過程中所記錄，有問題或者有好的方式歡迎指點。不勝感激 🤗 🤗 🤗