如何在RMarkdown中让JavaScript直接读取R生成的JSON（规避CORS）

方法1：直接将JSON嵌入JS代码 #

不用存本地文件，直接把R生成的JSON字符串注入到JavaScript代码里，彻底绕开CORS问题。

修正后的完整RMarkdown代码：

library(jsonlite)
library(odbc)
library(dplyr)

# 读取数据（修正了原SQL语句的引号/括号语法错误）
arrest_data <- tbl(criminal_history_db, sql("select * from arrests_table")) %>% 
  as.data.frame() 

# 生成JSON字符串，auto_unbox让单值不被包装成数组，更符合JS习惯
arrest_data_JSON <- toJSON(arrest_data, dataframe="columns", auto_unbox = TRUE)

// 直接读取R传递过来的JSON变量
const arrestData = `r arrest_data_JSON`;
const jsonData = JSON.parse(arrestData);
console.log(jsonData); // 正常输出数据到控制台

这个逻辑很直白：R生成JSON后，直接把字符串嵌入到JS代码里，相当于页面加载时就把数据写死在HTML里了，JS读取自己页面内的内容，根本不会触发跨域请求，自然就没CORS报错。

方法2：通过HTML隐藏元素传递数据 #

如果觉得直接嵌JS里不够整洁，也可以把JSON放到页面的隐藏div里，再用JS读取：

# 生成JSON后，输出一个隐藏的div存放数据
cat('<div id="arrest-data-container" style="display: none;">', arrest_data_JSON, '</div>')

// 从隐藏元素中读取JSON内容
const rawJson = document.getElementById('arrest-data-container').textContent;
const jsonData = JSON.parse(rawJson);
console.log(jsonData);

完全可行，但要注意两个关键问题：

• 权限配置：必须确保托管的JSON文件设置了对应访问权限——要么公开可访问，要么能被打开你RMarkdown页面的用户读取，否则JS请求会返回权限错误。
• CORS限制：
  • Box：直接用公开文件链接大概率会触发CORS错误，要么在Box的应用设置里添加你的页面域名到CORS允许列表，要么通过Box官方API来获取文件数据。
  • Sharepoint：可以生成匿名访问的文件链接，或者使用Sharepoint REST API拉取数据；默认情况下直接访问文件链接可能也会有CORS限制，需要站点管理员调整CORS策略。

如果用托管方式，JS代码示例（以Box公开链接为例）：

$.getJSON("https://your-box-public-file-url/arrest_data.JSON", function(json) {
  console.log(json);
});

但前提是该链接的CORS规则允许你的页面域名访问。

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