前端开发中,经常遇到有些场景,需要用到服务器环境,比如:
- 写了静态页面需要在手机的调试
- 前后端分离中用到一些框架,vue,react,angular,这些将打包后的静态资源放到服务器上去
- ……
那么接下来,让我们学习怎么利用windows自带的服务器IIS来跑项目吧!
一、首先我们来配置IIS服务
1、开始 ——> 控制面板(或计算机——> 控制面板)

2、打开控制面板后,找到默认程序
3、点击默认程序,此时面板下边有程序和功能
4、点击进入程序和功能,左边栏有打开或关闭windows功能
5、点击后,弹出windows功能框,找到Internet信息服务-----Web管理工具,下边的IIS服务都勾上 ,点击确定按钮
5、点击确定按钮,后重启计算机
二、重启完计算机后,接下来我们来将前端的项目发布到IIS服务器
1、继续打开控制面板,找到管理工具
2、现在,我们可以看见Internet信息服务管理器,双击Internet信息服务(IIS)管理器,看见如下弹框
3、右击上图红框,点击添加网站
补充:看弹框的物理路径和本地的项目目录对比(下图),本地文件夹dist下有index.html文件,物理路径dist文件夹下是看不到的(就是想告诉你,文章最后我访问的就是这个页面哦!)
4、如果这时提醒你:80:已经指定给另一个网站(如下图),表示端口号已经被占用,点击“否”
修改端口号
5、看见下图,网站已经添加成功
6、最后一步,去浏览器中访问页面吧,你的IP+端口号(比如:192.168.1.11:8888/index.html)
注:物理路径指定的文件夹下有index.html直接可访问 IP+端口号 ,也就是说我访问192.168.1.11:8888就可以了(会默认去找index.html这个文件),如果没有index.html文件,需要写全访问路径
到这里就成功使用windows自带的iis服务,快点跑自己的项目吧!
补充:关闭服务、重启服务
欢迎大家评论留言 _,欢迎大牛们指教