文章目錄

• 場景
• • 一是使用匿名登陸，最簡單方便
  • 二是使用grafana頒發一個API Key。

場景

平臺要集成grafana，想繞過用戶登錄，目前知道有2個方法。
前提：先修改配置defaults.ini/grafana.ini允許嵌入

allow_embedding = true

一是使用匿名登陸，最簡單方便

這種方案的前提是你的公司允許匿名登陸grafana（其實我覺得沒啥問題）但是從安全的角度來說確實不太好，那好，接著往下看吧。

二是使用grafana頒發一個API Key。

curl -H "Authorization: Bearer eyJrIjoiT2x0Zmhua3BCa2Z6TXpWUnBIT3UxSlV0M0lnWEhVYUYiLCJuIjoiZGV2b3BzcGxhdGZvcm0iLCJpZCI6MX0=" http://127.0.0.1:3000/api/dashboards/home

到這里就清晰了，只要增加一個Authorization就可以，最起碼接口訪問沒問題。

問題:
1、最開始碰到的問題是代理后瀏覽器預檢（即OPTIONS請求）過不去，那還玩啥，先過濾掉，看文末nginx配置。
2、vue中使用iframe碰到瀏覽器跨域問題

就加個nginx，配置允許跨域訪問。結果訪問是沒問題，但是出現這么個報錯。

解決方法：不要使用瀏覽器無痕模式訪問，就可以訪問

5、nginx配置

server {listen 3000;server_name localhost;location / {root html;index index.html index.htm;add_header Access-Control-Allow-Origin '*';add_header Access-Control-Allow-Methods '*';add_header Access-Control-Allow-Credentials true;proxy_set_header 'Authorization' 'Bearer eyJrIjoiajNERTZDZ1BUek5IMDFwenJhdGhudWtlejB2cDF4ZWMiLCJuIjoidGVzdCIsImlkIjoxfQ==';proxy_pass http://10.8.10.23:3000;# rewrite ^/(.*) /$1 break;proxy_set_header Host $host;if ($request_method = OPTIONS) {return 200;}# proxy_buffer_size 128k;# proxy_buffers 32 128k;# proxy_busy_buffers_size 128k;#server_name_in_redirect off;#proxy_set_header Host $host:$server_port;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}}

參考： https://blog.csdn.net/qq_16240085/article/details/120996841

總結

以上是生活随笔為你收集整理的Grafana : 前端页面 通过API Key免登录访问Grafana的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。