win7配置IIS服务,并将Web前端项目发布到IIS服务器运行

1 篇文章 0 订阅

前端开发中,经常遇到有些场景,需要用到服务器环境,比如:

  1. 写了静态页面需要在手机的调试
  2. 前后端分离中用到一些框架,vue,react,angular,这些将打包后的静态资源放到服务器上去
  3. ……

那么接下来,让我们学习怎么利用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服务,快点跑自己的项目吧!

补充:关闭服务、重启服务
在这里插入图片描述

欢迎大家评论留言 _,欢迎大牛们指教

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值