windows下三種web服務(wù)器搭建方式

一、第一種方法(live-server)

永福網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開(kāi)發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1、安裝方法:成都服務(wù)器托管

Npm安裝: npm install -g live-server(前提是先安裝node.js)

然后在所在項(xiàng)目目錄下,打開(kāi)命令行工具,輸入 live-server,回車(chē)就可以了(注意這里默認(rèn)打開(kāi)的是index.html)。默認(rèn)地址:127.0.0.1:8080

指定端口:live-server --port 9000

Vscode軟件里面安裝:在擴(kuò)展里面搜索Live Server插件,然后安裝好,打開(kāi)項(xiàng)目,在右下角有個(gè)go live按鈕,點(diǎn)擊就可以打開(kāi)此項(xiàng)目的發(fā)布地址,默認(rèn)地址是127.0.0.1:5500

指定端口:打開(kāi)vscode的設(shè)置文件settings.json,然后設(shè)置"liveServer.settings.port":5501(liveServer.settings.proxy可以設(shè)置代理)

2、live server的優(yōu)缺點(diǎn):成都服務(wù)器托管

優(yōu)點(diǎn):實(shí)時(shí)更新,熱更新。

缺點(diǎn):因?yàn)槭菬岣拢圆环€(wěn)定,很容易網(wǎng)頁(yè)就自己刷新。

所以適合調(diào)試的時(shí)候用這個(gè)發(fā)布。演示的時(shí)候就最好不用這個(gè)。

二、 第二種方法(IIS服務(wù)器)

1、安裝方法:成都服務(wù)器托管

打開(kāi)window的控制面板,打開(kāi)程序與功能下面的打開(kāi)或關(guān)閉windows功能,勾選如下圖紅色選框內(nèi)的內(nèi)容。(不同的windows版本可能有差異,我的系統(tǒng)是win7專業(yè)版)

然后關(guān)閉windows防火墻(不然只有你自己可以訪問(wèn)你發(fā)布的程序,別人無(wú)法訪問(wèn))。

配置好之后,需要重啟計(jì)算機(jī)才能生效。

2、發(fā)布:成都服務(wù)器托管

在管理工具里面打開(kāi)IIS管理器,然后點(diǎn)擊添加網(wǎng)站。在添加網(wǎng)站對(duì)話框中,輸入網(wǎng)站名稱,選擇物理路徑和端口,其他默認(rèn),然后確定物理路徑,選擇存放發(fā)布后的文件系統(tǒng)的文件夾,端口選擇除 80 以外的端口

默認(rèn)打開(kāi)文件是index.html,可以自己設(shè)置。

三、 第三種方法(nginx服務(wù)器)

1、下載nginx的安裝包:成都服務(wù)器托管

下載地址:nginx.org/en/download…,點(diǎn)擊stable version即穩(wěn)定版本進(jìn)行下載了再解壓即可。

2、Nginx網(wǎng)站的配置:成都服務(wù)器托管

先把需要發(fā)布的網(wǎng)站目錄拷貝到nginx文件夾下面的html文件夾里面。綿陽(yáng)電信機(jī)房然后再進(jìn)入conf文件夾打開(kāi)nginx.conf文件進(jìn)行配置,配置內(nèi)容如下:成都服務(wù)器托管

server {

listen 8180;

server_name localhost;

location /{

root html/share;

index index.html index.htm;

}

}

PS:有一個(gè)需要注意的點(diǎn)是nginx的默認(rèn)端口80不能被占用了,如果被占用了,就把配置里面的端口改了或者把以前的發(fā)布的80端口的改成其他端口

3、Nginx的啟動(dòng):成都服務(wù)器托管

可以直接點(diǎn)擊nginx解壓包里面的nginx.exe程序,也可以在nginx的目錄下打開(kāi)命令窗口(在當(dāng)前目錄下打開(kāi)命令窗口,可以在按住shift鍵的前提下再點(diǎn)擊右鍵菜單,第三個(gè)就是在此處打開(kāi)命令窗口),運(yùn)行nginx命令啟動(dòng)nginx。

當(dāng)修改了nginx.conf的配置的時(shí)候,需要重啟nginx,命令是

nginx –s reload

新聞名稱:windows下三種web服務(wù)器搭建方式
URL分享:http://bm7419.com/article36/dchpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站面包屑導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、網(wǎng)站營(yíng)銷(xiāo)、商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開(kāi)發(fā)