WampSever配置本地环境,解决打开打开本地网站问题

WampServer是一款由法国人开发的Apache Web服务器、PHP解释器以及MySQL数据库的整合软件包。免去了开发人员将时间花费在繁琐的配置环境过程,从而腾出更多精力去做开发。

直接点击本地的.html是静态加载的,需要动态加载的文件是无法被加载的。会出现如下情况。

动态加载失败

于是选用了Wamp搭本地服务器浏览网站,这样就能成功加载动态文件了。


在此分享下配置WampSever时碰到的问题和解决的方法:

服务器是否已正常运行

如果能登上则表示服务器能够正常运行。(在地址栏中输入localhost:端口(或是127.0.0.1:端口) 或是左键图标选择'localhost')

Localhost

localhost 指你所在的计算机本身。
在windows系统它成了127.0.0.1的别名 ,在Unix系统下,查看网卡配置会发现作为本地回环的方式,一定程度上使用localhost比127.0.0.1要快一些。
在Hosts文件中,localhost指向的IP是127.0.0.1这个关系是可以修改的。


查看、修改端口

Port


配置本地环境、添加项目、打开本地网站

项目中是空的,需要手动将要打开的网站放到'www'目录中

可以选择输入路径,也可以直接左键选择'www目录'打开

将要打开网站的文件夹复制到'www目录下',会发现刚添加的文件夹出现在了项目中。


勾选'Add localhost in url'

看似到此已经大功告成,然而再点击进去这些文件夹时会出现如下情况:

可以看到的是URL并不对,我们是想要实现通过web服务器的方式访问这些网站,然而这个明显没达到我们想要的效果,根据提示,我找到了原因。

右键选择'Wamp Settings'中将'Add localhost in url'选项勾上后再次如上打开项目即可。(记得重新打开一次localhost页面或是刷新一下)

可以看到网站成功地通过web服务器打开了,那些之前提示需要动态加载的文件也成功加载了。

撒花完结!~200成功!

▲.看到这,我相信你也明白了为什么必须要有'Add localhost in url'这步了。同时也猜到了,其实直接在网址里面输入正确的网址也是可以的,如http://localhost:8080/data-visualize-chain-master/,结果也是能打开的。

希望能对你们有所帮助。

posted @ 2018-06-05 13:49  南邮果粒橙  阅读(1045)  评论(0编辑  收藏  举报