织梦绑定m目录样式丢失

问题的根源几乎可以肯定是 CSS和JavaScript等静态资源的路径问题。

当你将网站移动到 m 目录（http://www.yourdomain.com/m/）时，你的HTML文件（如 index.html）中的资源引用路径，如果没有做相应处理，就会指向错误的位置，导致浏览器找不到样式表和脚本文件，从而页面样式丢失。

下面我将为你详细分析原因并提供多种解决方案,你可以根据自己的情况选择最合适的一种。

问题根源分析

假设你的网站根目录结构如下：

/
├── index.php                 (网站首页入口)
├── templets/                 (模板文件目录)
│   └── default/              (默认模板目录)
│       ├── index.htm         (首页模板)
│       ├── style/            (样式和脚本目录)
│       │   ├── css/
│       │   │   └── main.css  (你的样式表)
│       │   └── js/
│       │       └── jquery.js (你的JS脚本)
│       └── ...
├── m/                        (移动端目录)
│   ├── index.php             (移动端首页入口)
│   └── ...                   (其他移动端文件)
└── ...

在默认情况下,你的 index.htm 模板中可能这样引用CSS：

<link rel="stylesheet" href="/templets/default/style/css/main.css" />

当你访问 http://www.yourdomain.com/m/ 时，浏览器会尝试从 http://www.yourdomain.com/templets/default/style/css/main.css 加载CSS文件，这个路径是相对于网站根目录 的，所以是正确的。

但是，如果你的模板中使用了相对路径，或者某些旧版本的织梦程序在处理 m 目录时有特殊逻辑，可能会导致路径被错误解析为：

http://www.yourdomain.com/m/templets/default/style/css/main.css

显然,这个路径是错误的，因为 m 目录下并没有 templets 文件夹，所以样式加载失败，页面就“裸奔”了。

解决方案（由易到难）

使用织梦内置的模板标签（推荐）

这是最标准、最正确的解决方法，织梦提供了专门的标签来生成绝对路径，可以确保在任何目录下都能正确访问到资源。

1. 修改CSS和JS的引用路径 在你的移动端模板文件（m/templets/default/index.htm 或 m/templets/default/list.htm 等）中，找到所有引用CSS和JS的地方。

   错误的写法：

   <link rel="stylesheet" href="/templets/default/style/css/main.css" type="text/css" />
   <script src="/templets/default/style/js/jquery.js"></script>

   正确的写法（使用 {dede:global.cfg_templets_dir/} 标签）： 这个标签会自动解析出你的模板目录路径，通常是 /templets/default。

   <link rel="stylesheet" href="{dede:global.cfg_templets_dir/}/style/css/main.css" type="text/css" />
   <script src="{dede:global.cfg_templets_dir/}/style/js/jquery.js"></script>

2. 修改图片等静态资源的路径 同样，模板中引用的图片路径也应该使用绝对路径或织梦标签。

   错误的写法：

   <img src="/images/logo.png" alt="Logo" />

   正确的写法（使用 {dede:global.cfg_cmsurl/} 标签）： 这个标签会解析出网站的根URL，如 http://www.yourdomain.com。

   <img src="{dede:global.cfg_cmsurl/}/images/logo.png" alt="Logo" />

   或者,如果你的图片在 templets 目录下：

   <img src="{dede:global.cfg_templets_dir/}/images/logo.png" alt="Logo" />

操作步骤：

1. 通过FTP或文件管理器,进入你的移动端模板目录（m/templets/你的模板名/）。
2. 打开所有 .htm 模板文件。
3. 使用“查找替换”功能，批量将 /templets/default/ 替换为 {dede:global.cfg_templets_dir/}/。
4. 将 /images/ 等资源路径替换为 {dede:global.cfg_cmsurl/}/images/。
5. 保存所有文件,然后刷新网站查看效果。

检查并修改 m 目录下的 include 文件

有些时候,m 目录下的文件可能直接引用了根目录下的 include 文件，而这些文件里的路径可能没有做适配。

1. 检查你的 m 目录下是否有 config.php 文件，如果有，打开它，确保里面的路径配置是正确的，特别是 $cfg_cmspath 和 $cfg_templets_dir。
2. 检查 m 目录下是否有 include 文件夹，如果有，并且里面的文件（如 config.inc.php）与根目录下的 include 文件不同，需要确保它们也使用了正确的路径标签。

通常最稳妥的做法是，让 m 目录完全依赖根目录的 include 文件，而不是复制一份。 即你的 m 目录结构应该是：

/m/
├── index.php
└── include/  (指向根目录的include，或者干脆没有这个文件夹，让php去上级目录找)

在 m/index.php 的开头，应该这样引入配置文件：

<?php
require_once(dirname(__FILE__) . "/../include/config.php");
// ... 其他代码
?>

使用绝对路径（快速但不够灵活）

如果你不想修改大量模板文件,或者你的模板结构非常简单，这是一个快速修复的方法。

1. 确定你的网站域名：http://www.yourdomain.com。

2. 修改所有静态资源引用：将所有相对路径（以 开头）改为包含完整域名的绝对路径。

   错误的写法：

   <link rel="stylesheet" href="/templets/default/style/css/main.css" />

   修改后的写法：

   <link rel="stylesheet" href="http://www.yourdomain.com/templets/default/style/css/main.css" />

缺点：这种方法不够灵活，如果你将来更换域名，就需要再次修改所有模板文件中的域名。方案一（使用标签）是更优的选择。

检查服务器伪静态规则

虽然不常见,但如果你在配置 m 目录时，同时修改了服务器伪静态规则（如 Nginx 或 Apache 的 Rewrite 规则），也可能导致路径解析异常。

1. 检查Nginx/Apache配置：确保你的伪静态规则没有错误地重写了对 templets 目录或静态文件的请求。
2. 临时禁用伪静态：可以尝试将伪静态规则注释掉，看看样式是否恢复正常，如果恢复正常，说明问题出在规则上，需要仔细检查并修正规则。

总结与排查步骤

当你遇到这个问题时,请按以下步骤进行排查：

1. 第一步：浏览器开发者工具（F12）

   • 按 F12 打开开发者工具，切换到 "Network"（网络）选项卡。
   • 刷新页面,查看所有请求，找到那些状态为 404 Not Found 的文件，它们大概率就是你的CSS、JS或图片文件。
   • 查看这些 404 文件的 Request URL（请求URL），对比一下你模板中写的 href/src 路径，你就能立刻发现路径错在哪里了。

2. 第二步：首选方案一

   • 根据开发者工具找到的错误路径,回到模板文件，使用 {dede:global.cfg_templets_dir/} 和 {dede:global.cfg_cmsurl/}来修正所有静态资源的引用，这是最规范、最一劳永逸的解决方案。

3. 第三步：检查 m 目录结构

   • 确保 m 目录下的PHP文件正确引用了根目录的 include/config.php，而不是自己有一份可能配置错误的副本。

4. 第四步：检查伪静态

   如果以上步骤都无效,再考虑是否是服务器伪静态规则的问题。