目录

一、IIS简介

二、IIS安装

三、IIS使用

四、在hosts中指定host映射

        对于vue项目，build之后的代码是不能直接访问index.html打开的，所以前端同学可以试着自己搭建一个本地服务器，用来调试。可以利用工具，比如phpStudy（phpStudy(小皮面板) - 让天下没有难配的服务器环境！），非常好用，也可以利用Windows给我们提供的iis来搭建。

一、IIS简介

       IIS（全称：Internet Information Services）互联网信息服务，由微软公司提供的基于运行Microsoft Windows的互联网基本服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。

简单点，就是可以在window上建一个服务器。对于前端来说，只要有静态页面，就可以建立一个可访问的网站，用来做一些测试。

二、IIS安装

1.  搜索-启用或关闭Windows功能（开始-设置-应用-程序和功能-启用或关闭Windows功能）（另外一种方法，开始 - windows系统-控制面板-程序-卸载程序-启用或关闭Windows功能）

           

        2. 勾选一下功能-确定-下载更新软件-成功之后关闭窗口（需要几分钟安装）（勾选越多功能越多）

         

         

        3. 搜索-iis-打开（打开文件位置-右键发送到桌面快捷方式）

        

         

         4. 上图表示安装成功（也可以浏览器访问http://localhost/，展示Internet Infomation Services界面表示安装成功）

        

三、IIS使用

         1. 安装完iis，会有默认的访问路径（http://localhost/ 端口默认80）和默认的代码存放目录（C:inetpubwwwroot），而我们需要的是一个可以自定义路径、物理目录、端口的站点

        网站-添加网站，然后就可以自定义了，成功后点击右边浏览网站就可以访问了       

        网站名称：自定义网站名称

        物理路径：网站根目录

        绑定ip：网站指定ip，一般指定到本机的IP地址，未分配则根据host和主机名指定配置

        绑定端口：自定义端口，为防止被占用，填一个不常用的

        主机名：ip或者域名，不配置并不绑定ip，则默认访问localhost

        

         

         

        2. 前端：将静态项目（vue中build之后的静态代码）放入物理路径中，浏览网站

        

        

         

 四、在hosts中指定host映射

1. hosts文件路径：win10->C:WindowsSystem32driversetc      hosts纯文本类型，记事本就可以打开
2. host作用：用来记录主机ip地址和主机名的对应关系，建立后就可以用主机名来访问主机，而不必记ip地址了；在使用主机名时，windows会首先在hosts文件中查找对应关系，如果查不到，才向域名服务器发解析请求。所hosts以可以用来在本机转移一些主机名的ip指向。
3. host书写方式：ip地址 主机名    
4. host注释方式：# 注释内容
5. 如下图所示，很明显这里直接找到c盘修改hosts文件很繁琐，而且每次切换时都要注释之前的，造成管理混乱
6. 推荐一个工具SwitchHosts!  （建议使用管理员权限安装）----------------------------------------------
7. 前端常用方式：同一个域名如www.xxx.com，可以使用映射ip来指定访问环境（正式or测试）