CSS 和 JavaScript 两者都不会使用 codeigniter 在移动视图中加载

Question

我是codeigniter的新手，但直到我尝试在其他设备上查看它，我才很好地使用它。

这就是问题所在：

蹼：布鲁斯韦景观 |浏览器(响应式设计视图(

手机：截图 1 |截图 2

_htaccess：

RewriteEngine on
RewriteCond $1 !^(index.php|assets|images|js|css|uploads|favicon.png)
RewriteCond %(REQUEST_FILENAME) !-f
RewriteCond %(REQUEST_FILENAME) !-d
RewriteRule ^(.*)$ ./index.php/$1 [L]

页面控制器：

<?php
    class Pages extends CI_controller{
        public function view($page = 'home'){
            if(!file_exists(APPPATH.'views/pages/'.$page.'.php')){
                show_404();
            }
            $data['title'] = ucfirst($page);
            $this->load->view('templates/header');
            $this->load->view('pages/'.$page, $data);
            $this->load->view('templates/footer');
        }
    }

Answer 1

经过多少小时的研究。我终于找到了答案。太简单了，我甚至嘲笑我有多愚蠢。

当我从移动设备查看页面源代码时，它显示标题的base_url是 LOCALHOST，这就是设备无法从移动设备找到 css/js 文件的原因。为了使标头正常工作，您必须先将base_url更改为设备的 IP 地址。这应该可以完成工作。

谢谢大家。

Answer 2

确保添加 css 的相对路径而不是绝对路径，如果要添加 CDN 路径，请确保允许 xampp 访问互联网。我猜您已经给出了本地主机或窗口路径的路径，但尝试通过 LAN 中的 IP 进行访问，这就是为什么它出现问题并且解决方案是相对路径的原因。

Answer 3

我遇到了同样的问题并成功修复了它。只需base_url"本地主机"更改为设备的IP地址，就像Jeff Yan所说的那样