洛杉矶MC机房 高速低价18元起

尊云,给你尊贵体验!

windows下三种web服务器搭建方式

提示:如果官网是英文页面,建议使用谷歌浏览器能同步翻译页面。点击下载【谷歌浏览器最新绿色便携版】
注意:部分文章发布时间较长,可能存在未知因素,购买时建议在本站搜索商家名称,先充分了解商家动态。
交流:唯一投稿邮箱:hostvps@88.com。

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

1、安装方法:

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

然后在所在项目目录下,打开命令行工具,输入 live-server,回车就可以了(注意这里默认打开的是index.html)。默认地址:127.0.0.1:8080

指定端口:live-server –port 9000

Vscode软件里面安装:在扩展里面搜索Live Server插件,然后安装好,打开项目,在右下角有个go live按钮,点击就可以打开此项目的发布地址,默认地址是127.0.0.1:5500

指定端口:打开vscode的设置文件settings.json,然后设置"liveServer.settings.port":5501(liveServer.settings.proxy可以设置代理)

2、live server的优缺点:

优点:实时更新,热更新。

缺点:因为是热更新,所以不稳定,很容易网页就自己刷新。

所以适合调试的时候用这个发布。演示的时候就最好不用这个。

二、 第二种方法(IIS服务器)

1、安装方法:

打开window的控制面板,打开程序与功能下面的打开或关闭windows功能,勾选如下图红色选框内的内容。(不同的windows版本可能有差异,我的系统是win7专业版)

然后关闭windows防火墙(不然只有你自己可以访问你发布的程序,别人无法访问)。

配置好之后,需要重启计算机才能生效。

2、发布:

在管理工具里面打开IIS管理器,然后点击添加网站。在添加网站对话框中,输入网站名称,选择物理路径和端口,其他默认,然后确定物理路径,选择存放发布后的文件系统的文件夹,端口选择除 80 以外的端口

默认打开文件是index.html,可以自己设置。

三、 第三种方法(nginx服务器)

1、下载nginx的安装包:

下载地址:nginx.org/en/download…,点击stable version即稳定版本进行下载了再解压即可。

2、Nginx网站的配置:

先把需要发布的网站目录拷贝到nginx文件夹下面的html文件夹里面。然后再进入conf文件夹打开nginx.conf文件进行配置,配置内容如下:

server {

listen 8180;

server_name localhost;

location /{

root html/share;

index index.html index.htm;

}

}

PS:有一个需要注意的点是nginx的默认端口80不能被占用了,如果被占用了,就把配置里面的端口改了或者把以前的发布的80端口的改成其他端口

3、Nginx的启动:

可以直接点击nginx解压包里面的nginx.exe程序,也可以在nginx的目录下打开命令窗口(在当前目录下打开命令窗口,可以在按住shift键的前提下再点击右键菜单,第三个就是在此处打开命令窗口),运行nginx命令启动nginx。

当修改了nginx.conf的配置的时候,需要重启nginx,命令是

nginx –s reload

About 贝壳

【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

本文链接:贝壳主机网 » windows下三种web服务器搭建方式

分享到: 生成海报
香港/美国/国内高速VPS
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活