fix: Fix website https url (1Panel-dev#11792)

Author: moeshin

frontend/src/components/app-status/index.vue

@@ -180,6 +180,8 @@ onMounted(() => {
 
 defineExpose({
     onCheck,
+    getHttpPort: () => httpPort.value,
+    getHttpsPort: () => httpsPort.value,
 });
 </script>
 <style scoped lang="scss">

frontend/src/views/website/website/domain/index.vue

@@ -74,6 +74,8 @@ import { GetPunyCodeDomain, isPunycoded } from '@/utils/util';
 interface Props {
     row: Website.Website;
     isHovered: boolean;
+    defaultHttpPort: number;
+    defaultHttpsPort: number;
 }
 const props = defineProps<Props>();
 const emit = defineEmits(['favoriteChange', 'domainEdit']);
@@ -164,8 +166,14 @@ const getUrl = (domain: Website.Domain, website: Website.Website): string => {
 
     if (protocol === 'http' && domain.port && domain.port !== 80) {
         url = `${url}:${domain.port}`;
-    } else if (protocol === 'https' && domain.port && domain.port !== 443) {
-        url = `${url}:${domain.port}`;
+    } else if (protocol === 'https') {
+        let port = domain.port;
+        if (!domain.ssl) {
+            port = props.defaultHttpsPort || 443;
+        }
+        if (port && port !== 443) {
+            url = `${url}:${port}`;
+        }
     }
 
     return url;

frontend/src/views/website/website/index.vue

@@ -16,6 +16,7 @@
                     v-model:mask-show="maskShow"
                     v-model:loading="loading"
                     @is-exist="checkExist"
+                    ref="appStatusRef"
                 ></AppStatus>
             </template>
             <template v-if="!openNginxConfig && nginxIsExist" #leftToolBar>
@@ -95,6 +96,8 @@
                             <Domain
                                 :row="row"
                                 :is-hovered="hoveredRowIndex === $index"
+                                :defaultHttpPort="appStatusRef?.getHttpPort?.() || 0"
+                                :defaultHttpsPort="appStatusRef?.getHttpsPort?.() || 0"
                                 @favorite-change="favoriteWebsite"
                                 @domain-edit="handleDomainEdit"
                             />
@@ -369,6 +372,7 @@ const opRef = ref();
 const batchSetGroupRef = ref();
 const batchSetHttpsRef = ref();
 const nginxVersion = ref();
+const appStatusRef = ref();
 
 const paginationConfig = reactive({
     cacheSizeKey: 'website-page-size',