如何使用Grafana Http API与客户端javascript

Question

是否可以将Grafana Http API与客户端javascript一起使用？我从获取已经创建的仪表板的json开始。

function getHome2Dashboard(callback) {
  $.ajax({
      type: 'GET',
      url:  'http://localhost:3000/api/dashboards/db/home-2',
      crossDomain: true,
      dataType: 'json',
      headers: {
      "Authorization": "Bearer eyJrIjoiYkdURk91VkNQSTF3OVdBWmczYUNoYThPOGs0QTJWZVkiLCJuIjoidGVzdDEiLCJpZCI6MX0="
  },
  success: function(data)
  {     
      if( callback ) callback(data);
  },
  error: function(err)
  {
    console.log(err);
  }
}); 

但我得到了一个：

CCD_ 1。

我还尝试了使用jsonp方法，开发工具显示服务器发回json数据，但js失败了，因为（我认为）结果没有封装在回调函数中。欢迎就如何实施这一点提出任何建议。。。

// At the moment I think of something like:
┌──────────┐           ┌───────────┐
│  Browser │ <-------> │  Grafana  │
└──────────┘           └───────────┘
// In order to overcome the cross-origin problems,
// should I go towards something like this?:
┌──────────┐           ┌───────────┐           ┌───────────┐
│  Browser │ <-------> │  Web api  │ <-------> │  Grafana  │
└──────────┘           └───────────┘           └───────────┘

Answer 1

根据这些链接，Grafana目前无法直接在服务器中设置CORS头，因此您需要将Grafana服务器放在像nginx这样的反向代理后面，并在那里添加头。

请参阅Mozilla开发人员关于CORS的文档，了解您面临的问题。