CKFinder/CKEditor集成上传时出现404错误，请求协助排查解决

问题回顾 #

你遇到的这个问题很典型：本地环境下CKFinder和CKEditor集成完全正常，弹窗能打开、能选图，但部署到DEV服务器后，点击「Send it to the Server」或者图片信息标签页的「Browse Server」就触发404错误。

问题根源 #

其实就是本地和DEV服务器的文件路径不匹配导致的。CKFinder默认会用相对路径去查找后端的连接器脚本，但服务器的部署路径和本地开发环境不一样，它找不到对应的处理文件，自然就返回404了。

快速解决步骤 #

你已经找到了解决方法——显式配置connectorPath，这里再把配置细节说清楚，方便其他人参考：

1. 在CKEditor配置中指定connector路径
   如果你是在CKEditor的初始化代码里配置，直接添加ckfinder.connectorPath项，指向服务器上CKFinder连接器的绝对路径：

   CKEDITOR.replace('your-editor-element-id', {
       // 其他已有配置...
       filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
       filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
       // 关键配置：指定服务器上的connector脚本路径
       ckfinder: {
           connectorPath: '/ckfinder/core/connector/php/connector.php'
       }
   });
   

2. 同步CKFinder的基础路径配置
   另外也要检查CKFinder自身的config.php文件，确保$baseUrl和$baseDir适配服务器环境：

   // 示例：服务器上的用户文件存储路径
   $baseUrl = '/ckfinder/userfiles/';
   $baseDir = $_SERVER['DOCUMENT_ROOT'] . '/ckfinder/userfiles/';
   

小提示 #

这种环境差异导致的路径问题很常见，以后部署到测试/生产环境时，最好提前把这类路径配置做成环境变量或者独立配置文件，避免重复踩坑。

内容的提问来源于stack exchange，提问作者Scott