WordPress调用Nominatim接口遇CORS跨域问题（仅管理员可用）求助

嘿，我来帮你一步步搞定这个跨域报错！首先得搞清楚为啥登录时正常、未登录就炸——登录后WordPress的后台AJAX请求是走admin-ajax.php，这个接口本身自带了CORS相关的处理；但未登录时你直接在前端调用Nominatim的接口，浏览器的同源策略会拦截，因为Nominatim服务器没给你的域名开CORS权限。

下面给你三种具体的解决办法，从易到难，你可以根据自己的情况选：

方法一：用插件快速实现代理（零代码首选） #

这种方法最适合不想碰代码的朋友：

• 登录WordPress后台，去「插件」→「添加新插件」，搜索「WP CORS」或者「AJAX Proxy for WordPress」，找个下载量高、评分好的安装激活
• 按照插件的说明配置代理规则：把你前端原本调用的http://nominatim.openstreetmap.org/search?xxx，改成调用你自己域名的代理路径（比如https://isad-confort.projet-maquette.fr/wp-json/proxy/nominatim?xxx）
• 插件会自动帮你把请求转发到Nominatim，同时给响应加上正确的Access-Control-Allow-Origin头，跨域问题直接消失

方法二：手动写代码实现REST API代理（适合有基础的朋友） #

如果你想自己控制逻辑，可以在主题的functions.php里加一段代码，用WordPress的REST API做代理：

1. 登录WordPress后台，进入「外观」→「主题文件编辑器」，找到当前主题的functions.php（或者用FTP工具找到/wp-content/themes/你的主题名/functions.php）
2. 把下面这段代码粘贴到文件末尾（记得备份原文件！）：

// 注册Nominatim代理的REST API路由
add_action('rest_api_init', function () {
    register_rest_route('nominatim-proxy/v1', '/search/', array(
        'methods' => 'GET',
        'callback' => 'nominatim_proxy_search',
        'permission_callback' => '__return_true', // 允许未登录用户访问这个接口
    ));
});

function nominatim_proxy_search($request) {
    // 获取前端传过来的查询参数
    $query_params = $request->get_query_params();
    // 拼接Nominatim的请求地址
    $nominatim_url = 'http://nominatim.openstreetmap.org/search?' . http_build_query($query_params);
    
    // 用WordPress自带的wp_remote_get发送请求，必须设置User-Agent（Nominatim要求）
    $response = wp_remote_get($nominatim_url, array(
        'headers' => array(
            'User-Agent' => 'ISAD-Confort Site (http://isad-confort.projet-maquette.fr)',
        )
    ));
    
    // 如果请求失败，返回错误信息
    if (is_wp_error($response)) {
        return new WP_Error('proxy_error', '无法获取Nominatim数据', array('status' => 500));
    }
    
    // 提取响应内容
    $response_body = wp_remote_retrieve_body($response);
    
    // 返回结果，同时添加CORS头允许你的域名访问
    return new WP_REST_Response($response_body, 200, array(
        'Access-Control-Allow-Origin' => 'http://isad-confort.projet-maquette.fr',
        'Content-Type' => 'application/json',
    ));
}

3. 保存修改后，把前端的请求地址改成：http://isad-confort.projet-maquette.fr/wp-json/nominatim-proxy/v1/search?format=json&q=你的地址
4. 这样请求先到你的WordPress服务器，再转发到Nominatim，浏览器就不会拦截了

方法三：修改服务器配置（适合有服务器权限的朋友） #

如果你能直接改服务器的Apache或Nginx配置，可以试试这个，但注意：这个方法是让你的WordPress站点允许跨域请求，本质还是推荐配合代理使用，因为Nominatim本身不允许直接跨域：

• Apache服务器：在你的WordPress根目录的.htaccess文件里添加这段代码：

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "http://isad-confort.projet-maquette.fr"
    Header set Access-Control-Allow-Methods "GET, POST, OPTIONS"
    Header set Access-Control-Allow-Headers "Content-Type"
</IfModule>

• Nginx服务器：在你的站点配置文件里（一般在/etc/nginx/sites-available/下）的location /块里添加：

add_header Access-Control-Allow-Origin http://isad-confort.projet-maquette.fr;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
add_header Access-Control-Allow-Headers Content-Type;

• 改完后重启Apache或Nginx服务

⚠️ 重要提醒：Nominatim有使用规则，必须设置User-Agent标识你的站点，不然可能被封禁，所以不管用哪种方法，都要记得加上这个头！

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