天天看点

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

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

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

那么接下来,让我们学习怎么利用windows自带的服务器IIS来跑项目吧!

一、首先我们来配置IIS服务

1、开始 ——> 控制面板(或计算机——> 控制面板)

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

2、打开控制面板后,找到默认程序

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

3、点击默认程序,此时面板下边有程序和功能

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

4、点击进入程序和功能,左边栏有打开或关闭windows功能

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

5、点击后,弹出windows功能框,找到Internet信息服务-----Web管理工具,下边的IIS服务都勾上 ,点击确定按钮

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

5、点击确定按钮,后重启计算机

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

二、重启完计算机后,接下来我们来将前端的项目发布到IIS服务器

1、继续打开控制面板,找到管理工具

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

2、现在,我们可以看见Internet信息服务管理器,双击Internet信息服务(IIS)管理器,看见如下弹框

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

3、右击上图红框,点击添加网站

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

补充:看弹框的物理路径和本地的项目目录对比(下图),本地文件夹dist下有index.html文件,物理路径dist文件夹下是看不到的(就是想告诉你,文章最后我访问的就是这个页面哦!)

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

4、如果这时提醒你:80:已经指定给另一个网站(如下图),表示端口号已经被占用,点击“否”

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

修改端口号

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

5、看见下图,网站已经添加成功

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

6、最后一步,去浏览器中访问页面吧,你的IP+端口号(比如:192.168.1.11:8888/index.html)

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

注:物理路径指定的文件夹下有index.html直接可访问 IP+端口号 ,也就是说我访问192.168.1.11:8888就可以了(会默认去找index.html这个文件),如果没有index.html文件,需要写全访问路径

到这里就成功使用windows自带的iis服务,快点跑自己的项目吧!

补充:关闭服务、重启服务

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

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