无法在 CakePHP 中访问图像和 CSS 文件

Question

我正在一个新应用中使用我的旧网站设计代码。问题是我没有使用 HTML 帮助程序来加载图像。我正在使用 HTML 图像标签 <img style="width:95px; margin-top:20px;"src="images/logo.png" />。它在此链接http://localhost/dashboard/dboard/ 中工作正常，但在此链接http://localhost/dashboard/dboard/pages/demo 中不起作用。 Pages 是一个控制器，而 demo 是控制器中的一个方法。

我的PagesController 看起来像这样：-

namespace App\Controller;

use Cake\Core\Configure;
use Cake\Network\Exception\NotFoundException;
use Cake\View\Exception\MissingTemplateException;
class PagesController extends AppController
{


    public function display()
    {
        $path = func_get_args();
    enter code here`enter code here`
        $count = count($path);
        if (!$count) {
            return $this->redirect('/');
        }
        $page = $subpage = null;

        if (!empty($path[0])) {
            $page = $path[0];
        }
        if (!empty($path[1])) {
            $subpage = $path[1];
        }
        $this->set(compact('page', 'subpage'));

        try {
            $this->render(implode('/', $path));
        } catch (MissingTemplateException $e) {
            if (Configure::read('debug')) {
                throw $e;
            }
            throw new NotFoundException();
        }
    }


     public function demo()
    {

    }
    public function contactus()
    {

    }
    public function downloads()
    {

    }
}

我的 .htaccess 文件如下所示：-

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]
</IfModule>

重要的是我已将所有图片放在这里：C:\xampp\htdocs\dashboard\dboard\webroot。我正在使用 CakePHP 3.0。

输出如下：-

Answer 1

问题是 apache 正在尝试搜索路径 <app_folder>/webroot/pages/dashboard/images 中的图像，如果您在 Web 开发人员控制台中检查 404 错误（在 Chrome 中按 F12），您可能会看到。

你可以通过两种方式解决：

• 通过调用 HtmlHelper::img 方法替换 img 标签（一开始会有点困难，因为你使用了内联样式（但这是你能做的最好的修复））[你真的应该考虑将内联样式重构为外部样式表中的类]；
• 或在src 中添加基本网址，如下所示：

<img src='<?php echo Router::url('/') ?>/images/picture.png' >

这样最终的 url 看起来像：

http://localhost/dashboard/dboard/images/picture.png

你的文件就会被找到。