diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
index 4de36d79cb..a49acc3224 100644
--- a/web/public/locales/en/translation.json
+++ b/web/public/locales/en/translation.json
@@ -185,7 +185,7 @@
     "cnameHostSuffixTip": "After the resolution takes effect, the custom domain name can be bound.",
     "editHostTip": "oss-bucket needs to be in read mode to enable website hosting",
     "CreateWebHosting": "Bind custom domain name",
-    "CustomDomain": "CustomDomain",
+    "CustomDomain": "Custom Domain",
     "CurrentDomain": "Current domain: ",
     "RemoveHost": "Remove Host",
     "CancelHost": "Cancel Host"
diff --git a/web/src/apis/typing.d.ts b/web/src/apis/typing.d.ts
index 2ab2871ad3..f027c8fc28 100644
--- a/web/src/apis/typing.d.ts
+++ b/web/src/apis/typing.d.ts
@@ -1,4 +1,4 @@
-export interface TApplication {
+export type TApplication = {
   id: string;
   name: string;
   appid: string;
@@ -11,16 +11,16 @@ export interface TApplication {
   createdAt: string;
   updatedAt: string;
   createdBy: string;
-  bundle: Bundle;
+  bundle: TBundle;
   runtime: Runtime;
   configuration: Configuration;
   domain: Domain;
   storage: Storage;
   tls: boolean;
   develop_token: string;
-}
+};
 
-export interface Bundle {
+export type TBundle = {
   id: string;
   name: string;
   displayName: string;
@@ -35,47 +35,50 @@ export interface Bundle {
   priority: number;
   state: string;
   price: number;
-}
+};
 
-export interface Runtime {
+export type Runtime = {
   id: string;
   name: string;
   type: string;
   image: Image;
   version: string;
   latest: boolean;
-}
+};
 
-export interface Image {
+export type Image = {
   main: string;
   init: string;
   sidecar: any;
-}
+};
 
-export interface Configuration {
+export type Configuration = {
   id: string;
   appid: string;
   environments: Environment[];
   dependencies: any[];
   createdAt: string;
   updatedAt: string;
-}
+};
 
-export interface Environment {
+export type Environment = {
   name: string;
   value: string;
-}
+};
 
-export interface Domain {
+export type Domain = {
   id: string;
   appid: string;
+  bucketName: string;
   domain: string;
   state: string;
+  phase: string;
   createdAt: string;
   updatedAt: string;
-}
+  lockedAt: string;
+};
 
-export interface Storage {
+export type Storage = {
   id: string;
   appid: string;
   accessKey: string;
@@ -83,80 +86,97 @@ export interface Storage {
   createdAt: string;
   updatedAt: string;
   credentials: Credentials;
-}
+};
 
-export interface Credentials {
+export type Credentials = {
   endpoint: string;
   accessKeyId: string;
   secretAccessKey: string;
   sessionToken: string;
   expiration: string;
-}
+};
 
-export interface TBucket {
+export type TBucket = {
   id: string;
   appid: string;
   name: string;
   shortName: string;
   policy: string;
+  state: string;
+  phase: string;
+  lockedAt: string;
+  createdAt: string;
+  updatedAt: string;
+  domain: Domain;
+  websiteHosting: TWebsiteHosting;
+};
+
+export type TWebsiteHosting = {
+  id: string;
+  appid: string;
+  bucketName: string;
+  domain: string;
+  isCustom: boolean;
+  state: string;
+  phase: string;
   createdAt: string;
   updatedAt: string;
-  websiteHosting?: any;
-}
+  lockedAt: string;
+};
 
-export interface Spec {
+export type Spec = {
   policy: string;
   storage: string;
-}
+};
 
-export interface Status {
+export type Status = {
   capacity: Capacity;
   conditions: Condition[];
   policy: string;
   user: string;
   versioning: boolean;
-}
+};
 
-export interface Capacity {
+export type Capacity = {
   maxStorage: string;
   objectCount: number;
   storage: string;
-}
+};
 
-export interface Condition {
+export type Condition = {
   lastTransitionTime: string;
   message: string;
   reason: string;
   status: string;
   type: string;
-}
+};
 
-export interface TDB {
+export type TDB = {
   name: string;
   type: string;
   options: Options;
   info: Info;
   idIndex: IdIndex;
-}
+};
 
-export interface Options {}
+export type Options = {};
 
-export interface Info {
+export type Info = {
   readOnly: boolean;
   uuid: string;
-}
+};
 
-export interface IdIndex {
+export type IdIndex = {
   v: number;
   key: Key;
   name: string;
-}
+};
 
-export interface Key {
+export type Key = {
   _id: number;
-}
+};
 
-export interface TFunction {
+export type TFunction = {
   id: string;
   appid: string;
   name: string;
@@ -168,29 +188,29 @@ export interface TFunction {
   createdAt: string;
   updatedAt: string;
   createdBy: string;
-}
+};
 
 export type TMethod = "GET" | "POST" | "PUT" | "DELETE" | "HEAD" | "OPTIONS" | "PATCH";
 
-export interface Source {
+export type Source = {
   code: string;
   compiled: string;
   uri: any;
   version: number;
   hash: any;
   lang: any;
-}
+};
 
-export interface TLogItem {
+export type TLogItem = {
   _id: string;
   request_id: string;
   func: string;
   data: string;
   created_at: string;
-}
+};
 
 // user data
-export interface TUserInfo {
+export type TUserInfo = {
   id: string;
   username: string;
   email: any;
@@ -198,9 +218,9 @@ export interface TUserInfo {
   createdAt: string;
   updatedAt: string;
   profile: TProfile;
-}
+};
 
-export interface TProfile {
+export type TProfile = {
   id: string;
   uid: string;
   openid: string;
@@ -209,4 +229,4 @@ export interface TProfile {
   name: string;
   createdAt: string;
   updatedAt: string;
-}
+};
diff --git a/web/src/components/CopyText/index.tsx b/web/src/components/CopyText/index.tsx
index 1017a6597c..2f82fe33f7 100644
--- a/web/src/components/CopyText/index.tsx
+++ b/web/src/components/CopyText/index.tsx
@@ -6,7 +6,7 @@ import { t } from "i18next";
 import useGlobalStore from "@/pages/globalStore";
 
 export default function CopyText(props: {
-  text: string;
+  text?: string;
   tip?: string;
   className?: string;
   children?: React.ReactElement;
@@ -18,7 +18,7 @@ export default function CopyText(props: {
   const { children = <CopyIcon />, text, tip, className, hideToolTip } = props;
 
   useEffect(() => {
-    setValue(text);
+    setValue(text || "");
   }, [setValue, text]);
 
   return (
diff --git a/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx b/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
index 007d75b70f..42d775a8f0 100644
--- a/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
+++ b/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
@@ -39,22 +39,22 @@ import SiteStatus from "./SiteStatus";
 
 function CreateWebsiteModal() {
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const { currentStorage } = useStorageStore();
+  const { currentStorage, getCurrentBucketDomain } = useStorageStore();
   const { register, setFocus, handleSubmit, reset } = useForm<{ domain: string }>();
   const { t } = useTranslation();
   const createWebsiteMutation = useWebsiteCreateMutation();
   const deleteWebsiteMutation = useWebsiteDeleteMutation();
   const updateWebsiteMutation = useWebSiteUpdateMutation();
   const toast = useToast();
+  const cnameDomain = getCurrentBucketDomain(false);
   return (
     <>
       {currentStorage?.websiteHosting &&
       currentStorage.websiteHosting.state === BUCKET_STATUS.Active ? (
-        <>
-          <span className="font-semibold">{t("StoragePanel.CurrentDomain")}</span>
-
+        <div className="flex">
+          <span className="font-semibold mr-2">{t("StoragePanel.CurrentDomain")}</span>
           <Link
-            className="cursor-pointer"
+            className="cursor-pointer mr-2"
             href={`//${currentStorage?.websiteHosting?.domain}`}
             isExternal
           >
@@ -64,8 +64,8 @@ function CreateWebsiteModal() {
           <SiteStatus />
 
           <Menu>
-            <MenuButton>
-              <MoreIcon fontSize={10} mt="-3px" />
+            <MenuButton className="ml-2 -mt-[2px]">
+              <MoreIcon fontSize={10} />
             </MenuButton>
             <MenuList minWidth="100px">
               <MenuItem
@@ -92,7 +92,7 @@ function CreateWebsiteModal() {
               </MenuItem>
             </MenuList>
           </Menu>
-        </>
+        </div>
       ) : (
         <Button
           size="xs"
@@ -132,14 +132,9 @@ function CreateWebsiteModal() {
               <FormControl>
                 <FormLabel>CNAME</FormLabel>
                 <InputGroup size="sm">
-                  <Input variant="filled" value={currentStorage?.websiteHosting?.domain} readOnly />
+                  <Input variant="filled" value={cnameDomain} readOnly />
                   <InputRightAddon
-                    children={
-                      <CopyText
-                        text={currentStorage?.websiteHosting?.domain}
-                        className="cursor-pointer"
-                      />
-                    }
+                    children={<CopyText text={cnameDomain} className="cursor-pointer" />}
                   />
                 </InputGroup>
               </FormControl>
@@ -154,10 +149,8 @@ function CreateWebsiteModal() {
                 />
                 <p className="mt-2 text-grayModern-600">
                   {t("StoragePanel.cnameHostPreTip")}
-                  <span className="mx-2 whitespace-nowrap">
-                    {currentStorage?.websiteHosting?.domain}
-                  </span>
-                  ,{t("StoragePanel.cnameHostSuffixTip")}
+                  <span className="mx-2 whitespace-nowrap">{cnameDomain}</span>,
+                  {t("StoragePanel.cnameHostSuffixTip")}
                 </p>
               </FormControl>
             </VStack>
diff --git a/web/src/pages/app/storages/mods/FileList/index.tsx b/web/src/pages/app/storages/mods/FileList/index.tsx
index bc28799d8c..1a03be90cb 100644
--- a/web/src/pages/app/storages/mods/FileList/index.tsx
+++ b/web/src/pages/app/storages/mods/FileList/index.tsx
@@ -34,14 +34,11 @@ import UploadButton from "../UploadButton";
 
 // import styles from "../index.module.scss";
 import useAwsS3 from "@/hooks/useAwsS3";
-import useGlobalStore from "@/pages/globalStore";
 export default function FileList() {
   const { getList, getFileUrl, deleteFile } = useAwsS3();
-  const { currentStorage, prefix, setPrefix } = useStorageStore();
+  const { currentStorage, prefix, setPrefix, getCurrentBucketDomain } = useStorageStore();
   const bucketName = currentStorage?.name;
   const bucketType = currentStorage?.policy;
-  const { currentApp } = useGlobalStore();
-  const address = currentApp?.storage?.credentials?.endpoint.split("//");
 
   const query = useQuery(
     ["fileList", bucketName, prefix],
@@ -56,14 +53,13 @@ export default function FileList() {
       changeDirectory(file);
       return;
     }
-    const protocol = address && address[0];
-    const ossUrl = address && address[1];
+
     let fileUrl = "";
 
     if (bucketType === "private") {
       fileUrl = getFileUrl(bucketName!, file.Key);
     } else {
-      fileUrl = protocol + "//" + bucketName + "." + ossUrl + "/" + file.Key;
+      fileUrl = getCurrentBucketDomain() + `/${file.Key}` || "";
     }
 
     window.open(fileUrl, "_blank");
diff --git a/web/src/pages/app/storages/store.ts b/web/src/pages/app/storages/store.ts
index 702f5e78f6..5317772d95 100644
--- a/web/src/pages/app/storages/store.ts
+++ b/web/src/pages/app/storages/store.ts
@@ -3,6 +3,7 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 
 import { TBucket } from "@/apis/typing";
+import useGlobalStore from "@/pages/globalStore";
 
 export type TFile = {
   Key: string;
@@ -25,6 +26,8 @@ type State = {
   setPrefix: (prefix: string) => void;
   maxStorage: number;
   setMaxStorage: (number: number) => void;
+
+  getCurrentBucketDomain: (withProtocol?: boolean) => string;
 };
 
 const useStorageStore = create<State>()(
@@ -45,6 +48,13 @@ const useStorageStore = create<State>()(
         set((state) => {
           state.maxStorage = number;
         }),
+
+      // get current bucket domain
+      getCurrentBucketDomain: (withProtocol: boolean = true) => {
+        const { currentStorage } = get();
+        const currentApp = useGlobalStore.getState().currentApp;
+        return (currentApp?.tls ? "https://" : "http://") + currentStorage?.domain?.domain;
+      },
     })),
   ),
 );
diff --git a/web/src/utils/request.ts b/web/src/utils/request.ts
index 521b6aae78..099b0645c7 100644
--- a/web/src/utils/request.ts
+++ b/web/src/utils/request.ts
@@ -1,6 +1,6 @@
 // http.ts
 import { createStandaloneToast } from "@chakra-ui/react";
-import axios, { AxiosRequestConfig, AxiosRequestHeaders, AxiosResponse } from "axios";
+import axios, { AxiosRequestHeaders, AxiosResponse } from "axios";
 
 const { toast } = createStandaloneToast();
 
@@ -12,7 +12,7 @@ const request = axios.create({
 
 // request interceptor
 request.interceptors.request.use(
-  (config: AxiosRequestConfig) => {
+  (config: any) => {
     // auto append service prefix
     if (config.url && config.url?.startsWith("/v1/")) {
       config.url = import.meta.env.VITE_SERVER_URL + config.url;