diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue
index 56251c812..9ff8afc51 100644
--- a/nezha-fronted/src/components/charts/chart-list.vue
+++ b/nezha-fronted/src/components/charts/chart-list.vue
@@ -1081,7 +1081,7 @@
           let dpsArr = [];
           let timeStamp = Math.floor(new Date().getTime() / 1000);
           for (let i = 0; i < 20; i++) {
-            tempArr.push([timeStamp - (20 - i) * 15, Math.floor(Math.random() * 10) + ""]);
+            tempArr.push([timeStamp - (20 - i) * 15, Math.floor(window.crypto.getRandomValues() * 10) + ""]);
             queryItem.values.push(tempArr[i])
             dpsArr.push([i + "", tempArr[i]]);
           }
diff --git a/nezha-fronted/src/components/charts/richTextEditor.vue b/nezha-fronted/src/components/charts/richTextEditor.vue
index 36cfea4eb..4fabc7664 100644
--- a/nezha-fronted/src/components/charts/richTextEditor.vue
+++ b/nezha-fronted/src/components/charts/richTextEditor.vue
@@ -78,7 +78,7 @@
       },
       guid() {
         function S4() {
-          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+          return (((1 + window.crypto.getRandomValues()) * 0x10000) | 0).toString(16).substring(1);
         }
         return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
       },
diff --git a/nezha-fronted/src/components/common/header.vue b/nezha-fronted/src/components/common/header.vue
index a125d53c7..814d66d3b 100644
--- a/nezha-fronted/src/components/common/header.vue
+++ b/nezha-fronted/src/components/common/header.vue
@@ -18,7 +18,7 @@
             </template>
             <template v-for="(item, index) in linkData">
               <el-menu-item :index="'0-' + index">
-                <span class="linkTitle"><a :href='item.url' :title="item.name" class="nz-a" rel="noopener norefferrer" target="_blank">{{item.name}}</a></span>
+                <span class="linkTitle"><a :href='item.url' :title="item.name" class="nz-a" rel="noopener noreferrer" target="_blank">{{item.name}}</a></span>
               </el-menu-item>
             </template>
           </el-submenu>
diff --git a/nezha-fronted/src/components/common/js/common.js b/nezha-fronted/src/components/common/js/common.js
index 671fef418..1fa740b48 100644
--- a/nezha-fronted/src/components/common/js/common.js
+++ b/nezha-fronted/src/components/common/js/common.js
@@ -10,7 +10,7 @@ export function resetZIndex(e){
 }
 export function getUUID(){
   function S4() {
-    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+    return (((1 + window.crypto.getRandomValues()) * 0x10000) | 0).toString(16).substring(1);
   }
 
   return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
diff --git a/nezha-fronted/src/components/common/js/radomcolor/randomcolor.js b/nezha-fronted/src/components/common/js/radomcolor/randomcolor.js
index c353c5063..f6ef44cff 100644
--- a/nezha-fronted/src/components/common/js/radomcolor/randomcolor.js
+++ b/nezha-fronted/src/components/common/js/radomcolor/randomcolor.js
@@ -112,7 +112,7 @@ function randomcolor() {
           return "hsl(" + n[0] + ", " + n[1] + "%, " + n[2] + "%)";
         case "hsla":
           var s = a(e),
-            o = t.alpha || Math.random();
+            o = t.alpha || window.crypto.getRandomValues();
           return "hsla(" + s[0] + ", " + s[1] + "%, " + s[2] + "%, " + o + ")";
         case "rgbArray":
           return i(e);
@@ -120,7 +120,7 @@ function randomcolor() {
           return "rgb(" + i(e).join(", ") + ")";
         case "rgba":
           var r = i(e);
-          o = t.alpha || Math.random();
+          o = t.alpha || window.crypto.getRandomValues();
           return "rgba(" + r.join(", ") + ", " + o + ")";
         default:
           return function(e) {
@@ -242,7 +242,7 @@ function randomcolor() {
 
   function o(t) {
     if (null === e)
-      return Math.floor(t[0] + Math.random() * (t[1] + 1 - t[0]));
+      return Math.floor(t[0] + window.crypto.getRandomValues() * (t[1] + 1 - t[0]));
     var n = t[1] || 1,
       s = t[0] || 0,
       o = (e = (9301 * e + 49297) % 233280) / 233280;
diff --git a/nezha-fronted/src/components/common/popBox/cabinetConfig.vue b/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
index a33405915..649ce9333 100644
--- a/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
+++ b/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
@@ -40,7 +40,7 @@
         </el-form>
       </div>
     </div>
-    <span :class="buttonClass" @click.prevent.stop="" slot="reference" :id="'cabinet-edit-'+Math.random().toString(36).slice(-8)">
+    <span :class="buttonClass" @click.prevent.stop="" slot="reference" :id="'cabinet-edit-'+window.crypto.getRandomValues().toString(36).slice(-8)">
       <slot name="optionZone">
         <i class="nz-icon nz-icon-plus" id="cabinet-plus"></i>
       </slot>
diff --git a/nezha-fronted/src/components/common/project/addLine.vue b/nezha-fronted/src/components/common/project/addLine.vue
index 97bf1eb48..f8adc5b7b 100644
--- a/nezha-fronted/src/components/common/project/addLine.vue
+++ b/nezha-fronted/src/components/common/project/addLine.vue
@@ -419,7 +419,7 @@
               };
             } else{
               model.smooth={
-                roundness:0.5 ,// (Math.random()*8 +1)/10 获取0.1-0.9之间的随机数
+                roundness:0.5 ,// (window.crypto.getRandomValues()*8 +1)/10 获取0.1-0.9之间的随机数
                 type:this.form.type,
               };
             }
diff --git a/nezha-fronted/src/components/page/dashboard/explore/editor.vue b/nezha-fronted/src/components/page/dashboard/explore/editor.vue
index b45a0bf2a..4dc9a2c5e 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/editor.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/editor.vue
@@ -692,7 +692,7 @@
       },
       guid() {
         function S4() {
-          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+          return (((1 + window.crypto.getRandomValues()) * 0x10000) | 0).toString(16).substring(1);
         }
         return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
       },
diff --git a/nezha-fronted/src/components/page/dashboard/explore/explore.vue b/nezha-fronted/src/components/page/dashboard/explore/explore.vue
index 5f8f1a44f..38f2c4324 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/explore.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/explore.vue
@@ -102,7 +102,7 @@
           <div class="introduce-view right-margin" v-show="showIntroduce">
             <div class="info-room">
               <div class="col-md-9 doc-content">
-                <h1 class="page-header">Query examples<a class="header-anchor" href="https://prometheus.io/docs/prometheus/latest/querying/examples/" target="_blank" rel="noopener norefferrer"><i style="font-size: 16px;" class="nz-icon nz-icon-link1"></i></a></h1>
+                <h1 class="page-header">Query examples<a class="header-anchor" href="https://prometheus.io/docs/prometheus/latest/querying/examples/" target="_blank" rel="noopener noreferrer"><i style="font-size: 16px;" class="nz-icon nz-icon-link1"></i></a></h1>
                 <div class="content-divider"></div>
                 <h2 >
                   Simple time series selection
diff --git a/nezha-fronted/src/components/page/dashboard/overview/chart.vue b/nezha-fronted/src/components/page/dashboard/overview/chart.vue
index 9f8993f82..0bd699e59 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/chart.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/chart.vue
@@ -424,7 +424,7 @@
       },
       guid() {
         function S4() {
-          return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+          return (((1 + window.crypto.getRandomValues()) * 0x10000) | 0).toString(16).substring(1);
         }
 
         return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());