Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php WAMP项目中未显示样式表_Php_Css_Apache_Wamp - Fatal编程技术网

Php WAMP项目中未显示样式表

Php WAMP项目中未显示样式表,php,css,apache,wamp,Php,Css,Apache,Wamp,我一直在关注使用虚拟主机设置WAMP项目 当我浏览localhost/website时,它会加载我的主页,但没有样式表或任何图像。以下是文件结构: wamp/www/website/index.php wamp/www/website/images/image.png wamp/www/website/styles/style.css httpd-vhosts.conf: 如果HTML中样式表的路径是styles/style.css或/styles/style.css,那么它将指向wamp/ww

我一直在关注使用虚拟主机设置WAMP项目

当我浏览localhost/website时,它会加载我的主页,但没有样式表或任何图像。以下是文件结构:

wamp/www/website/index.php wamp/www/website/images/image.png wamp/www/website/styles/style.css httpd-vhosts.conf:


如果HTML中样式表的路径是styles/style.css或/styles/style.css,那么它将指向wamp/www/styles/style.css,而不是wamp/www/website/styles/style.css

既然您正在设置虚拟主机,我想您是有意使用它的。您将希望将浏览器指向website/,而不是localhost/website/。如果将浏览器指向localhost/website/则实际上使用的是第一个virtualhost条目,而不是第二个条目


一旦您将浏览器指向正确的主机,css就会正常工作,因为它将指向wamp/www/website/styles/style.css。

我假设您已经在\wamp\bin\apache\apachex.y.z\conf\extra\httpd-vhost.conf文件中创建了虚拟主机定义

您是否还取消了httpd.conf中包含该文件到配置中的行的注释

编辑httpd.conf,文件底部附近有一行

# Virtual hosts
#Include conf/extra/httpd-vhosts.conf
通过删除符号取消对该行的注释

此外,您还需要将其添加到主机文件中

将其添加到\windows\system32\drivers\etc\hosts


如果您已经有WAMP工作,并且您的网站在本地主机上加载良好,即:运行WAMP的PC,但当您从另一台PC加载网站/网页时,该网站加载,但没有样式表,并且看起来都很普通和难看等,则:

你唯一要做的就是:

在WordPress管理->单击设置->单击常规->并将WordPress地址URL和站点地址URL从默认设置替换为:

http://localhost/yourSiteName指向使用WAMP PC的IP地址的URL

将localhost替换为localhost的IP地址,这样URL现在必须如下所示:

http://192.168.1.27/yourSiteName 如果WAMP PC的IP地址=192.168.1.27

如果您不知道WAMP PC的IP地址,请单击Windows任务栏上的“开始”按钮,在WAMP PC上打开一个命令提示符,然后从“开始”菜单中选择“运行”,或按键盘左侧CTRL和ALT之间的Windows按钮以及字母R,您将看到一个“运行”对话框出现,然后清除文本区域(如果已经有任何内容),然后键入cmd并单击OK

您将看到一个黑屏弹出,允许您键入内容,如果屏幕上已经有内容,请不要担心它应该在那里,只需键入ipconfig,然后点击键盘上的Enter按钮,然后查看屏幕上返回的结果,以查找您喜欢的内容:

IPv4地址192.168.1.27

这是您的IP地址,即:192.168.1.27

现在在上面讨论的WordPress常规设置中替换WordPress站点URL的localhost部分,然后单击save

现在它工作了-轰

额外提示:在WordPress管理站点中,从菜单中单击设置,从设置菜单中单击永久链接,然后将默认设置从普通更改为帖子名称。这将使您的所有URL和网页URL看起来最好

例如:

或者,选择帖子名称:

Post Name = http:// 192.168.1.42/yourSiteName/awesome/people.php

在我看来,这比与朋友等分享要好得多。

您是否检查了指向.css文件的链接并正确使用了开发人员工具?检查您的css文件是否已加载?就是这样-谢谢!!你知道为什么我的虚拟主机没有出现在wampmanager菜单中吗?不幸的是,我对WAMP本身没有太多经验。我在Mac上开发,因此使用MAMP。然而,您可能会看到这个答案,因为它似乎解决了这个问题。谢谢,但这些正是我遵循的指示。很明显我遗漏了什么,但我不知道是什么。不过没什么大不了的。谢谢你的回复。第一个答案已经解决了我的主要问题,但我仍然无法显示“我的虚拟主机”部分。谢谢你把这些指示说得如此清楚和全面,我已经完全按照它们去做了。
# Virtual hosts
#Include conf/extra/httpd-vhosts.conf
# Virtual hosts
Include conf/extra/httpd-vhosts.conf
127.0.0.1 localhost website
::1 localhost website
Plain = "http:// 192.168.1.42/yourSiteName/?p=123"
Post Name = http:// 192.168.1.42/yourSiteName/awesome/people.php