相信很多人都看到过这个页面吧~
产品~你发过来的原型html不能看啊,还得设置太麻烦了。
今天就教给大家快速的将自己的原型发布到内网!(一个产品的血泪史~)
1.准备一个nginx的安装包
nginx下载页 就下载这个稳定版 windows的吧!
2.解压缩nginx并配置
进入nginx文件夹-->conf文件夹-->nginx.conf --> 找到其中的location部分替换为
location /yuanxing {
root D:/;
index index.html index.htm;
# 开启目录列表访问,合适下载服务器,默认关闭.
autoindex on; # 显示目录
autoindex_exact_size on; # 显示文件大小 默认为on,显示出文件的确切大小,单位是bytes 改为off后,显示出文件的大概大小,单位是kB或者MB或者GB
autoindex_localtime on; # 显示文件时间 默认为off,显示的文件时间为GMT时间 改为on后,显示的文件时间为文件的服务器时间
}
-->退出conf文件夹-->启动nginx.exe(双击)-->将原型html放入D盘的yuanxing文件夹下
3.访问
http://localhost/yuanxing (这里localhost可以替换为自己的ip不会查自己IP的自行百度吧)
注:如果想改变匹配路径需要注意这里的location后面的路径和d:/是拼在一起寻找的,比如我location后面写的aa index后面写的d:/bb 那么你的HTML就要放到 d盘下aa文件夹下的bb文件夹才可以。
更改完配置文件后需要重新加载配置文件才行,在nginx文件夹内,shift+右键选择在此处打开命令提示窗
如果win10没有可以参考
开袋即食:https://download.csdn.net/download/zjshihan/12395922
在命令提示行中输入nginx.exe -s reload回车就可以将配置文件重新加载了!
4.版本管理
这时候你已经可以发布一个原型到内网了,发给别人只需要发给别人浏览器地址即可哦。
接下来就需要说明一下怎么去版本管理了
在D盘下的yuanxing文件夹下建立两个文件夹比如然后想相应的原型放入文件夹
这时候刷新 http://localhost/yuanxing就可以发现
这时候你就可以根据你的时间或者版本号来打开相应的原型啦!是不是很方便
5.知识点延伸
到这里还可以继续进行知识的扩展,比如nginx的相关配置