Question

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

当我浏览“localhost / website”时，它会加载我的主页但没有样式表或任何图像。这是文件结构：

瓦帕/网络/网站/ index.php的
瓦帕/网络/网站/图像/ image.png
瓦帕/网络/网站/风格/ style.css中

的httpd-vhosts.conf：

<VirtualHost *:80>
    DocumentRoot "c:/wamp/www"
    ServerName localhost
    ServerAlias localhost
    <Directory "c:/wamp/www">
        AllowOverride All
        Require local
    </Directory>
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "c:/wamp/www/website"
    ServerName website
    <Directory "c:/wamp/www/website">
        AllowOverride All
        Require local
    </Directory>
</VirtualHost>

---

另外，另外，我无法将“我的虚拟主机”部分显示在wampmanager菜单中;我已经添加了指南中的参数并重新启动了wampserver但我仍然没有看到它。这是wampmanager.tpl中的[Menu.Left]部分：

[Menu.Left]
;WAMPMENULEFTSTART
Type: separator; Caption: "Powered by Alter Way"
Type: item; Caption: "${w_localhost}"; Action: run; FileName: "${c_navigator}"; Parameters: "http://localhost/"; Glyph: 5
;WAMPPROJECTSUBMENU
;WAMPVHOSTSUBMENU

Answer 1

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

由于您正在设置虚拟主机，我假设您打算使用它。您需要将浏览器指向网站/，而不是localhost / website /。如果您将浏览器指向localhost / website /，那么您实际上使用的是第一个虚拟主机条目，而不是第二个。

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

Answer 2

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

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

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

# Virtual hosts
#Include conf/extra/httpd-vhosts.conf

删除#符号，取消注释该行。

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

此外，您还需要将此添加到您的HOSTS文件

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

127.0.0.1 localhost website
::1 localhost website

Answer 3

如果您已经有WAMP工作，并且您的网站在本地主机上加载正常，即：运行WAMP的PC，但是当您从另一台PC加载网站/网页时，网站会加载，但没有样式表，看起来都很简单然后是丑陋的等等：

你唯一需要做的就是：

在WordPress管理员中 - ＆gt;点击设置 - ＆gt;点击常规 - ＆gt;并从默认设置：

替换“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上打开命令提示符，然后从“开始”菜单中选择“运行”（或按Windows按钮（在键盘左侧的CTRL和ALT之间）与字母“R”（按此顺序）一起，你会看到一个运行对话框，然后清除文本区域，如果它已经有任何东西，那么键入“cmd”，然后单击“确定”。

你会看到一个黑屏弹出窗口，可以让你输入东西，如果屏幕上已有东西，不要担心它应该在那里，只需输入“ipconfig”然后点击Enter按钮你的键盘，然后查看屏幕上返回的结果：

IPv4地址................ 192.168.1.27

那是你的IP地址，即：192.168.1.27

现在替换WordPress常规设置（如上所述）中WordPress站点URL的“localhost”部分，然后单击“保存”。

现在它有效 - BOOM !!

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

例如：

Plain = "http:// 192.168.1.42/yourSiteName/?p=123"

或者，选择帖子名称：

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

在我看来，与朋友分享更好，更好......

样式表未在WAMP项目中显示

---

3 个答案: