带www与不带www域名下气象图表无法正常显示的解决方案咨询

针对你遇到的带www和不带www域名下图表无法同时正常显示的问题，这里提供几个可行的解决方案：

1. 使用根相对路径（最推荐） #

将CSV的URL修改为相对根目录的路径，这样不管当前域名是否带www，都会自动从当前域名下加载资源：

// Get data from the Temperature and Dew Point CSV file
data: {
csvURL: '/customfiles/T2.csv',
startColumn: 0, // Start column has the times
endColumn: 2, //Column 1 is temperature, column 2 is dewpoint, and column 3 is heat index
}

这个方法无需额外服务器配置，直接修改代码即可生效，是最简洁的解决方式。

2. 使用协议相对URL #

如果需要保留绝对路径的形式，可以改用协议相对URL，自动适配当前页面的HTTP/HTTPS协议：

csvURL: '//meteoensevilla.es/customfiles/T2.csv'

或者：

csvURL: '//www.meteoensevilla.es/customfiles/T2.csv'

注：使用该方式时，需确保目标域名允许另一个域名的跨域请求，否则仍可能加载失败。

3. 配置服务器CORS跨域规则 #

如果必须使用固定的绝对URL，需要在服务器上配置跨域资源共享（CORS），允许两个域名互相访问资源：

• Apache服务器：在网站根目录的.htaccess文件中添加以下规则：

Header set Access-Control-Allow-Origin "https://meteoensevilla.es https://www.meteoensevilla.es"

• Nginx服务器：在对应的server块中添加：

add_header Access-Control-Allow-Origin "https://meteoensevilla.es https://www.meteoensevilla.es";

配置后，两个域名下的页面都能加载对方域名下的CSV文件。

内容的提问来源于stack exchange，提问作者El tiempo en Sevilla