这是我第一次尝试使用wamp,但是在查看我的php项目时遇到了麻烦。我知道代码可以正常工作(因为它是当前活动站点的副本)。基本上,当我尝试在本地主机上查看站点时,只会加载index.php文件和image文件夹。没有CSS文件夹/文件正在加载。这些链接有效,因此我可以浏览我的网站,但没有CSS。
我的项目文件夹在我的本地主机的www文件夹内。看到下面,我的项目称为电影。 C:\ wamp64 \ www \ movies
当我在-http://localhost/movies/处查看它时,它仅显示html。当我在控制台中查看“ sources”选项卡时,它显示localhost / movies和电影中的图像文件夹和索引,应该有许多其他文件夹,包括CSS和PHP文件夹,称为process。
答案 0 :(得分:0)
如果通过 CTRL + S 将网页保存到wamp目录中,则可能不是下载了所有源。
我想您正在使用Windows,可能是chrome或firefox。检查元素当前正在尝试查看的页面并在控制台中找到源.CSS|.JS|.JPG
,然后导航到该文件并查看其是否像http:/localhost/assets/js/something.css
一样工作。
请记住所有文件都应放在 www 文件夹中,因为它是服务器可访问的根目录。
如果您使用的是<?
(短标记),则对于Wamp,在wamp上单击鼠标左键,在PHP上悬停,然后将鼠标悬停在PHP设置上,找到“短标记”,最后单击它。重新启动Wamp Server。
答案 1 :(得分:0)
其原因可能是由于链接。如果您的网站是example.com
,并且您链接到图片/directory/file.jpg
,则浏览器将请求domain + uri-> example.com/directory/file.jpg
,并且运行正常。
您在名为movies
的目录中运行,并通过localhost/movies/
访问它。您希望浏览器使用localhost/movies/directory/file.jpg
,但事实并非如此。它是domain + uri-> localhost/directory/file.jpg
。如您所见,“ /电影”丢失了,因此找不到文件。
有一些可能的解决方案。最好的方法是在vhost文件中添加本地测试域。您可以通过单击wamp徽标->“您的虚拟主机”->“虚拟主机管理”来执行此操作。此解决方案有点困难,可能需要更多研究,但这是长期最佳解决方案。
movies.test
。 您还可以在html标头中设置基本路径。
<base href="/localhost/movies" >
您还可以链接到相对的文件
<img src="./images/file.jpg" />
最后两个更容易,但是本地和生产服务器上需要不同的值。如果您必须不断更新它,那会很烦人。