diff --git a/.env.dev b/.env.dev
index ecf3a166..2d77bea5 100644
--- a/.env.dev
+++ b/.env.dev
@@ -1,5 +1,5 @@
 // .env.dev
 NODE_ENV=dev
-VUE_APP_DEV_IP=192.168.2.119
+VUE_APP_DEV_IP=192.168.2.118
 VUE_APP_DEV_PORT=80
 
diff --git a/src/components/Apps/AppTerminalPanel.vue b/src/components/Apps/AppTerminalPanel.vue
index 2b7e7964..de26dc1a 100644
--- a/src/components/Apps/AppTerminalPanel.vue
+++ b/src/components/Apps/AppTerminalPanel.vue
@@ -47,7 +47,7 @@ export default {
   data() {
     return {
       isLoading: false,
-      wsUrl: `ws://${this.$baseURL}/v1/container/${this.appid}/terminal?token=${this.$store.state.access_token}`,
+      wsUrl: `${this.$wsProtocol}//${this.$baseURL}/v1/container/${this.appid}/terminal?token=${this.$store.state.access_token}`,
       logData: "",
       timer: "",
     }
diff --git a/src/components/logsAndTerminal/TerminalCard.vue b/src/components/logsAndTerminal/TerminalCard.vue
index 414a7793..7f315a0f 100644
--- a/src/components/logsAndTerminal/TerminalCard.vue
+++ b/src/components/logsAndTerminal/TerminalCard.vue
@@ -1,5 +1,6 @@
 <template>
-  <fullscreen class="fullScreen  pl-2 pt-2 pb-2" :class="[{'mt-5':!fullscreen},isVaild?'fdark-bg':'flight-bg']" :fullscreen.sync="fullscreen" :teleport="true" :page-only="true" @change="onWindowResize">
+  <fullscreen class="fullScreen  pl-2 pt-2 pb-2" :class="[{'mt-5':!fullscreen},isVaild?'fdark-bg':'flight-bg']"
+              :fullscreen.sync="fullscreen" :teleport="true" :page-only="true" @change="onWindowResize">
     <a class="fullscreen-button" @click="toggleFullScreen" v-if="isVaild">
       <b-icon :icon="buttonIcon"></b-icon>
     </a>
@@ -7,7 +8,8 @@
       <div class="card card-shadow mb-6" v-if="!isVaild">
         <div class="card-content">
           <div class="content">
-            <b-notification auto-close type="is-danger" v-model="notificationShow" aria-close-label="Close notification" role="alert" :closable="false">
+            <b-notification auto-close type="is-danger" v-model="notificationShow" aria-close-label="Close notification"
+                            role="alert" :closable="false">
               {{ $t(message) }}
             </b-notification>
             <b-field :label="$t('Username')">
@@ -23,7 +25,10 @@
               <b-input type="number" v-model="sshPort" name="port"></b-input>
             </b-field>
             <div class="buttons mt-5">
-              <b-button type="is-primary" rounded expanded @click="checkLogin" :loading="isConnecting">{{ $t('Connect') }}</b-button>
+              <b-button type="is-primary" rounded expanded @click="checkLogin" :loading="isConnecting">{{
+                  $t('Connect')
+                }}
+              </b-button>
             </div>
           </div>
         </div>
@@ -37,9 +42,9 @@
 <script>
 import qs from 'qs'
 import 'xterm/css/xterm.css'
-import { Terminal } from 'xterm'
-import { FitAddon } from 'xterm-addon-fit'
-import { AttachAddon } from 'xterm-addon-attach'
+import {Terminal} from 'xterm'
+import {FitAddon} from 'xterm-addon-fit'
+import {AttachAddon} from 'xterm-addon-attach'
 
 const fitAddon = new FitAddon();
 export default {
@@ -106,7 +111,7 @@ export default {
         this.isConnecting = false
         this.isVaild = true
         postData.token = this.$store.state.access_token
-        this.wsUrl = `ws://${this.$baseURL}/v1/sys/wsssh?${qs.stringify(postData)}`
+        this.wsUrl = `${this.$wsProtocol}//${this.$baseURL}/v1/sys/wsssh?${qs.stringify(postData)}`
         this.initSocket();
       } catch (error) {
         this.notificationShow = true
@@ -124,7 +129,7 @@ export default {
         fontSize: 14,
         cursorStyle: 'underline', //光标样式
         cursorBlink: true, //光标闪烁
-        theme: { background: '#1E1E1E' },
+        theme: {background: '#1E1E1E'},
         rows: parseInt(this.rows), //行数
         cols: parseInt(this.cols), // 不指定行数，自动回车后光标从下一行开始
       });
@@ -208,30 +213,34 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped >
+<style lang="scss" scoped>
 #terminal {
   width: 100%;
   height: 100%;
   min-height: 35rem;
+
   .card {
     .card-content {
       padding: 2.5rem;
       width: 25rem;
     }
+
     &.card-shadow {
       box-shadow: 0px 40px 80px rgba(115, 120, 128, 0.25) !important;
       border-radius: 8px;
     }
   }
 }
+
 .xterm {
   width: 100%;
 
   &.fullheight {
     height: 100%;
   }
+
   &.sheight {
     height: 35rem;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/main.js b/src/main.js
index f01fb3c5..44c893d9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,7 +3,7 @@
  * @Date: 2021-09-22 14:24:43
  * @LastEditors: Jerryk jerry@icewhale.org
  * @LastEditTime: 2022-08-16 15:08:41
- * @Description: 
+ * @Description:
  * @FilePath: \CasaOS-UI\src\main.js
  */
 import 'intersection-observer'
@@ -19,49 +19,52 @@ import Vue2TouchEvents from 'vue2-touch-events'
 import VueTour from 'vue-tour'
 import VueSocialSharing from 'vue-social-sharing'
 import VueSocketIOExt from 'vue-socket.io-extended';
-const io = require("socket.io-client");
 // Import Styles
 import '@/assets/scss/app.scss'
 import 'vue-tour/dist/vue-tour.css'
 import VAnimateCss from 'v-animate-css';
 
+const io = require("socket.io-client");
+
 api.sys.getSocketPort().then(res => {
-  const protocol = document.location.protocol
-  const wsPort = res.data.data
-  const devIp = process.env.VUE_APP_DEV_IP
-  const devPort = process.env.VUE_APP_DEV_PORT
-  const localhost = document.location.host
-  const localhostName = document.location.hostname
-  const baseIp = process.env.NODE_ENV === "dev" ? `${devIp}` : `${localhostName}`
-  const baseURL = process.env.NODE_ENV === "dev" ? `${devIp}:${devPort}` : `${localhost}`
-  const wsURL = `ws://${baseIp}:${wsPort}`
+    const protocol = document.location.protocol
+    const wsProtocol = protocol === 'https:' ? 'wss:' : 'ws:'
+    const wsPort = res.data.data
+    const devIp = process.env.VUE_APP_DEV_IP
+    const devPort = process.env.VUE_APP_DEV_PORT
+    const localhost = document.location.host
+    const localhostName = document.location.hostname
+    const baseIp = process.env.NODE_ENV === "dev" ? `${devIp}` : `${localhostName}`
+    const baseURL = process.env.NODE_ENV === "dev" ? `${devIp}:${devPort}` : `${localhost}`
+    const wsURL = `${wsProtocol}//${baseIp}:${wsPort}`
 
-  const socket = io(wsURL, {
-    transports: ['websocket', 'polling']
-  });
+    const socket = io(wsURL, {
+        transports: ['websocket', 'polling']
+    });
 
-  Vue.use(Buefy)
-  Vue.use(VueFullscreen)
-  Vue.use(VAnimateCss)
-  Vue.use(Vue2TouchEvents)
-  Vue.use(VueTour)
-  Vue.use(VueSocketIOExt, socket);
-  Vue.use(VueSocialSharing);
+    Vue.use(Buefy)
+    Vue.use(VueFullscreen)
+    Vue.use(VAnimateCss)
+    Vue.use(Vue2TouchEvents)
+    Vue.use(VueTour)
+    Vue.use(VueSocketIOExt, socket);
+    Vue.use(VueSocialSharing);
 
-  Vue.config.productionTip = false
-  Vue.prototype.$api = api;
-  Vue.prototype.$baseIp = baseIp;
-  Vue.prototype.$baseURL = baseURL;
-  Vue.prototype.$protocol = protocol;
+    Vue.config.productionTip = false
+    Vue.prototype.$api = api;
+    Vue.prototype.$baseIp = baseIp;
+    Vue.prototype.$baseURL = baseURL;
+    Vue.prototype.$protocol = protocol;
+    Vue.prototype.$wsProtocol = wsProtocol;
 
-  // Create an EventBus
-  Vue.prototype.$EventBus = new Vue();
-  new Vue({
-    router,
-    i18n,
-    store,
-    render: h => h(App)
-  }).$mount('#app')
+    // Create an EventBus
+    Vue.prototype.$EventBus = new Vue();
+    new Vue({
+        router,
+        i18n,
+        store,
+        render: h => h(App)
+    }).$mount('#app')
 
 })