如果是本地开发静态页面，使用绝对地址时是到要服务器同步时对于css或者js的地址要进行一次更替，比较麻烦的，如果在本地直接绑定外部环境就变的异常简单了，免去了重复性的劳动~~我的环境是在win下的

?

做法是这样的：

?

1、首先需要安装一个apache服务器，假使同时用到php的话，可以直接安装wamp；

2、在根目录中创建几个文件夹作为虚拟主机文件夹（例如style文件夹）

3、在apache的配置文件httpd.conf文件中加入一下代码

?

NameVirtualHost *:80

<VirtualHost *:80>
 	ServerName style.leyteris.com
 	DocumentRoot "D:/Workspace/style"
</VirtualHost>

<VirtualHost *:80>
	ServerName leyteris.com
	DocumentRoot "D:/Workspace"
</VirtualHost>

?上面的配置文件已指定D盘的Workspace为root文件夹

?

4、还需要一步，毕竟没有给本地绑定实际的IP地址，也没有DNS解析，所以我们可以改HOST文件来同样达到域名解析的效果。

HOST文件在 系统文件夹\system32\drivers\etc ?中，用记事本打开后写入一下代码：

?

127.0.0.1  localhost
127.0.0.1  leyteris.com
127.0.0.1  style.leyteris.com

上面的操作是通过apache的名称关联的虚拟主机配置方法。使用起来也会很方便：

比如需要线上环境，如下代码：

<link href="http://style.leyteris.com/merge.css" rel="stylesheet">
<script src="http://style.leyteris.com/v1.3.js" type="text/javascript"></script>

小结：引用上述绝对地址时对于上传到远程服务器时不用改地址就直接能够访问。还有就是当flash或者某些跨域判定接口的调用时，假如该接口是为非所在域名则不给予数据，则用本地的虚拟主机来虚拟出域名，这些问题就能迎刃而解了。

?

?