当在 url 末尾添加斜杠 (/) 时，codeigniter 加载 css、js、img 文件时出现奇怪的行为

Question

我非常了解 Codeigniter，但在尝试将静态站点转换为 CI 时遇到了这个问题。当使用某些 url 时加载 css 文件时会出现此问题。我试图严格让 php 远离视图（事实上只想有 .html 页面用于视图）。

我还搜索了很多论坛来寻找加载CSS的解决方案。我遇到过一些解决方案，但只有当您在 CI 中创建一个全新的站点时它们才有帮助。我知道

在 href 链接之前使用它可以使其独立于站点，

但不想使用它，因为我想将现有的静态网站转换为 CI。这意味着更改每个文件中的每个 href。 （如果有很多页面，这似乎是一场噩梦）。

我在某些情况下加载 css 和其他资源文件时遇到问题。下面是我迄今为止在该项目中所做的一切的描述。

1. 在根目录下使用 .htaccess 删除“index.php”文件
2. 使用 codeigniter 2.0.2 附带的标准文件夹结构
3. 所有图像和资源（例如 css、img、js ......等）都直接放置在根文件夹中（即应用程序和系统文件夹所在的位置）
4. 所有资源都可以从视图文件访问，就好像 html 文件与资源一起位于根文件夹中一样（例如 href="css/style.css"）

下面是示例控制器的描述

class Blog extends CI_Controller {

public function index(){
    $this->load->view('blog.html');
    }

public function posts(){
    $this->load->view('post.html');
    }
}

现在我面临的问题是当我使用某些 url 作为“index”函数时。 。 css 已正确加载。

但是如果我在那之后添加斜杠或使用任何其他函数。加载 css 时出现问题。

例如。

 /* This url loads css correctly */
http://localhost/ci-test/blog

 /* these urls do not load css */
http://localhost/ci-test/blog/
http://localhost/ci-test/blog/posts

我做错了什么吗？或者我的 .htaccess 文件有问题？ （包含在下面）

RewriteEngine on
RewriteCond $1 !^(index\.php|images|css|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L,QSA] 

我需要做什么才能以最小的努力将当前网站导入到 CI 中。

Answer 1

你可能会尝试这样的事情：

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !^(index\.php|images|css|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [L,QSA] 

不确定最后一条规则是否有效，因为我不知道 CI 的路由是如何工作的，但它是我习惯使用 Zend 和 Symfony 路由器的。

Answer 2

从视图文件访问所有资源，就好像 html 文件与资源一起位于根文件夹中一样（例如 href="css/style.css"）

好吧，如果浏览器看到的外部 URL 可能会这样，那么这是行不通的有很多层嵌套目录，可以吗？要使相对 URL 在 ci-test/blog 中工作，您必须引用 css/style.css，而要使其在 ci-test/ 中工作blog/posts 它只能是 ../css/style.css。

我建议将所有引用替换为根 URL，例如 /ci-test/css/style.css，或者如果使用 或 中的类似内容，使所有相对 URL 的行为与根 URL 相关。