diff --git a/web/html/nodes.html b/web/html/nodes.html
index 9fe75174..f2e77ab3 100644
--- a/web/html/nodes.html
+++ b/web/html/nodes.html
@@ -147,12 +147,15 @@
   </a-layout>
 </a-layout>
 {{template "page/body_scripts" .}}
+{{template "component/aSidebar" .}}
+{{template "component/aThemeSwitch" .}}
 <script>
   const app = new Vue({
     el: '#app',
     delimiters: ['[[', ']]'],
     data() {
       return {
+        themeSwitcher,
         loading: false,
         saving: false,
         nodeRole: '',
@@ -189,7 +192,7 @@
     methods: {
       async loadNodes() {
         try {
-          const res = await axios.get('api/nodes/list');
+          const res = await axios.get('/panel/api/nodes/list');
           if (res.data.success) {
             this.nodes = res.data.obj;
           }
@@ -199,7 +202,7 @@
       },
       async loadConfig() {
         try {
-          const res = await axios.get('api/nodes/config');
+          const res = await axios.get('/panel/api/nodes/config');
           if (res.data.success) {
             Object.assign(this.nodeConfig, res.data.obj);
             this.nodeRole = res.data.obj.role;
@@ -211,7 +214,7 @@
       async saveConfig() {
         this.saving = true;
         try {
-          const res = await axios.post('api/nodes/config', {
+          const res = await axios.post('/panel/api/nodes/config', {
             syncInterval: this.nodeConfig.syncInterval,
             trafficFlushInterval: this.nodeConfig.trafficFlushInterval,
             dbType: this.nodeConfig.dbType,