1. 问题描述
在使用thinkPHP框架进行开发时，经常会遇到图片跨域不显示的问题。即使在服务器端正确配置了允许跨域访问的头部信息，但在前端页面上仍然无法正常显示图片。本文将详细讲解thinkPHP图片跨域不显示问题的解决方法。
2. 原因分析
在进行图片跨域访问时，浏览器的同源策略会限制页面中加载来自不同源（域、协议、端口）的资源。而thinkPHP框架中默认的URL地址生成规则并不符合同源策略的要求，导致跨域图片无法正常加载。
2.1 同源策略
同源策略是一种用于保护用户信息安全的安全机制。浏览器只允许页面加载来自相同源的资源。同源指的是协议、域名和端口都相同。例如，如果一个页面的源是http://example.com/index.html，该页面只能加载来自http://example.com域下的资源，其他域下的资源将被浏览器拒绝加载。
2.2 thinkPHP框架URL生成规则
在thinkPHP框架中，通过Url类生成URL地址时，默认使用的是PATHINFO模式，即将URL地址中的参数以斜杠方式分隔。例如：
$url = url('index/index', ['id' => 1]);
// 生成的URL地址为：/index.php/index/index/id/1.html
该URL地址由index.php作为入口文件，后面跟着控制器名、方法名和参数。这种URL生成规则与同源策略要求的URL格式不符，因此会导致图片跨域问题。
3. 解决方法
3.1 配置URL生成规则
解决thinkPHP图片跨域问题的一种方法是更改URL生成规则，使其符合同源策略的要求。可以通过在thinkPHP配置文件（config目录下的config.php文件）中修改URL生成规则来实现。将URL生成规则改为基于QUERY_STRING的方式：
// 网站URL地址根目录
'base_url' => '',
// URL地址的访问模式，可选值：PATHINFO、NORMAL、REWRITE
'url_model' => '2',
修改成为：
// 网站URL地址根目录
'base_url' => '',
// URL地址的访问模式，可选值：PATHINFO、QUERY_STRING、REWRITE
'url_model' => '1',
修改后的配置将使用基于QUERY_STRING的URL生成规则，生成的URL地址符合同源策略的要求。
3.2 使用绝对路径
另一种解决方法是使用绝对路径的URL地址来加载跨域图片。在HTML代码中直接使用完整的URL地址，而不是通过thinkPHP框架生成的URL地址。
$imageUrl = 'http://example.com/images/image.jpg';
echo "<img src='{$imageUrl}' alt='Cross-Domain Image'>";
通过使用绝对路径，将直接加载跨域的图片资源，避免了同源策略的限制。
4. 总结
通过修改URL生成规则或使用绝对路径的方法，我们可以很容易地解决thinkPHP图片跨域不显示的问题。这些解决方法都能满足同源策略的要求，使跨域图片能够正常加载并显示在页面上。
在开发过程中，合理处理跨域资源的加载问题，既能保证页面的功能正常运行，又能确保用户信息的安全。