通过本地网络共享 WAMP 时 CSS、JS 和图像无法加载

通过本地网络共享 WAMP 时 CSS、JS 和图像无法加载

我已经通过我的个人局域网共享了我的 wamp。(服务器 IP:192.168.0.100)

当我尝试访问 wamp 服务器时,它运行正常。但是当我使用客户端计算机 (192.168.0.103) 打开托管在服务器上的网站时,它不会加载 CSS - 图像和 JS 文件。因此,我查看了控制台,发现我的浏览器正在尝试加载:

本地主机//mysite/css/style.css

并且无法加载资源。现在,当我尝试使用

192.168.0.100/我的网站/css/style.css

它向我显示了 css 文件!现在我不知道该如何解决这个问题,以便我的浏览器可以完美加载该 css!

请帮助我!提前致谢!

答案1

它的工作方式与预期一致。如果浏览器读取了带有“localhost”的某些包含指令,它会尝试在当前计算机中查找该文件(如果 localhost 设置为 127.0.0.1,并且默认为 )。因此你应该在 html 中更改这些文件的路径,转换为相对 URL,例如:css/style.css。如果该 html 页面位于可以css/style.css找到 的目录中,此方法即可奏效。

相关内容