内容简介:Npm安装: npm install -g live-server(前提是先安装node.js)然后在所在项目目录下,打开命令行工具,输入 live-server,回车就可以了(注意这里默认打开的是index.html)。默认地址:127.0.0.1:8080指定端口:live-server --port 9000
一、第一种方法(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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- SpringBoot介绍及常用的搭建方式
- 微前端的方式搭建类单页应用
- 用微前端的方式搭建类单页应用
- Ubuntu16.04.5下DevStack方式搭建p版OpenStack
- BootDo 1.4.0 发布,sql 注解方式更改成 xml 方式
- 正则表达式创建方式的区别及编写简单的正则方式(js学习总结)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。