本地服务器搭建

因为安全的原因,无法直接在浏览器中打开工程目录下的index.html文件。
你必须在你的电脑中搭建一个本地服务器。本小节会解释如何做。

在Windows下搭建本地服务器

开启Internet Information Service

  1. 在“控制面板”中,点击“程序”。
  2. 点击“启用或关闭Windows功能”。
  3. 在“Windows功能”窗口中,点击“Internet Information Services”来启用它。
    *不是选中,是不完全选中
  4. 点击“确定”。

文件的安装位置

Internet Information Services 被启用时,会自动创建一个本地服务器的文件夹。把工程文件夹放在这个文件夹中。

  1. 点击“此电脑” → “本地磁盘 (C:)”。
  2. 打开“inetpub”文件夹中的“wwwroot”文件夹。
  3. 把你的工程文件夹放在“wwwroot”文件夹中。

在你的浏览器中访问

  1. 打开你的浏览器。
  2. 在地址栏中输入以下地址并确认。
    http://<IP地址>/工程文件夹名称/

    http://<计算机名>/工程文件夹名称/

    http://localhost/工程文件夹名称/

    例) http://192.168.0.1/工程文件夹名称/

寻找计算机名

  1. 打开文件资源管理器窗口,在侧边栏中右键点击“此电脑”并点击“属性”。
  2. 在“系统”窗口的“计算机名、域和工作组设置”区域下方的“计算机名:”右边找到你的计算机的名称。

找到你的IP地址

  1. 在“控制面板”中点击“查看网络状态和任务”。
  2. 在网络和共享中心窗口中,点击“连接:本地连接”。
  3. 在出现的本地连接状态窗口中,点击“详细信息...”。
  4. 在“IPv4 地址”右边找到的数字就是你的IP地址。

设置localhost

要在浏览器中访问 http://localhost/ ,你需要设置“hosts”文件。

  1. 点击“开始”按钮,进入“所有程序” → “附件”。右键点击“记事本”并点击“以管理员身份运行”。
  2. 在记事本中点击“文件” → “打开”,定位到 “C:\Windows\System32\drivers\etc”。选择“所有文件 (*.*)并打开“hosts”文件。
  3. 在文件中修改以下位置,并保存文件。
    ■修改前
    #   127.0.0.1       localhost
    
    ■修改后
    127.0.0.1       localhost
    
  4. 重新启动Windows。

Mac OSX 本地服务器搭建

在Mac电脑中,Apache是默认安装的。你可以通过运行Apache来使用本地服务器。

Apache 基本操作

在终端中输入命令,运行Apache。

运行 Apache

$ sudo apachectl start

退出 Apache

$ sudo apachectl stop

文件的安装位置

把工程文件夹放到以下位置中。

/Library/WebServer/Documents

* 在建立新工程和保存时,工程文件夹会被定位在“位置”指定的位置中。

在你的浏览器中访问

  1. 打开你的浏览器。
  2. 在地址栏中输入以下地址并确认。
    http://localhost/工程文件夹名称/