Refactor(URL): Optimize url

.env.development

@@ -1,4 +1,5 @@
 VITE_PLATFORM=WEB
+VITE_UI_URL=${DEV_UI_URL}
 VITE_API_URL=${DEV_API_URL}
 VITE_API_TOKEN_URL=${VITE_API_URL}/token
 VITE_TURNSTILE_SITE_KEY=${TURNSTILE_SITE_KEY}

.env.production

@@ -1,4 +1,5 @@
 VITE_PLATFORM=WEB
+VITE_UI_URL=${PRODUCT_UI_URL}
 VITE_API_URL=${PRODUCT_API_URL}
 VITE_API_TOKEN_URL=${VITE_API_URL}/token
 VITE_TURNSTILE_SITE_KEY=${TURNSTILE_SITE_KEY}

.env.testing

@@ -1,5 +1,6 @@
 NODE_ENV=development
 VITE_PLATFORM=WEB
+VITE_UI_URL=${TEST_UI_URL}
 VITE_API_URL=${TEST_API_URL}
 VITE_API_TOKEN_URL=${VITE_API_URL}/token
 VITE_TURNSTILE_SITE_KEY=${TURNSTILE_SITE_KEY}

src/assets/css/pages/user/index.scss

@@ -70,6 +70,8 @@
         }
 
         .url {
+          cursor: pointer;
+
           > span {
             margin-left: 8px;
           }

src/global.d.ts

@@ -5,6 +5,7 @@ type Platform = 'WEB' | 'DESKTOP' | 'ANDROID'
 
 interface ImportMetaEnv {
     readonly VITE_PLATFORM: Platform
+    readonly VITE_UI_URL: string
     readonly VITE_API_URL: string
     readonly VITE_API_TOKEN_URL: string
     readonly VITE_TURNSTILE_SITE_KEY: string

src/pages/Tools/User.tsx

@@ -30,7 +30,7 @@ const User = () => {
         return username
             ? () => {
                   void navigator.clipboard
-                      .writeText(new URL(`/store/${username}`, location.href).href)
+                      .writeText(new URL(`/store/${username}`, import.meta.env.VITE_UI_URL).href)
                       .then(() => {
                           void message.success('已复制到剪切板')
                       })
@@ -153,8 +153,10 @@ const User = () => {
                                     onClick={handleOnCopyToClipboard(userWithInfoVo?.username)}
                                 >
                                     {userWithInfoVo?.username &&
-                                        new URL(`/store/${userWithInfoVo.username}`, location.href)
+                                        new URL(
-                                            .href}
+                                            `/store/${userWithInfoVo.username}`,
+                                            import.meta.env.VITE_UI_URL
+                                        ).href}
                                     <Icon component={IconOxygenCopy} />
                                 </a>
                             </FlexBox>

src/pages/User/index.tsx

@@ -39,6 +39,18 @@ const User = () => {
     const [userWithPowerInfoVo, setUserWithPowerInfoVo] = useState<UserWithPowerInfoVo>()
     const [changePasswordForm] = AntdForm.useForm<ChangePasswordFields>()
 
+    const handleOnCopyToClipboard = (username?: string) => {
+        return username
+            ? () => {
+                  void navigator.clipboard
+                      .writeText(new URL(`/store/${username}`, import.meta.env.VITE_UI_URL).href)
+                      .then(() => {
+                          void message.success('已复制到剪切板')
+                      })
+              }
+            : undefined
+    }
+
     const handleOnReset = () => {
         getProfile()
     }
@@ -474,20 +486,14 @@ const User = () => {
                                 </div>
                                 <a
                                     className={'url'}
-                                    href={
+                                    onClick={handleOnCopyToClipboard(userWithPowerInfoVo?.username)}
-                                        userWithPowerInfoVo?.username &&
-                                        new URL(
-                                            `/store/${userWithPowerInfoVo.username}`,
-                                            location.href
-                                        ).href
-                                    }
                                 >
                                     {userWithPowerInfoVo?.username &&
                                         new URL(
                                             `/store/${userWithPowerInfoVo.username}`,
-                                            location.href
+                                            import.meta.env.VITE_UI_URL
                                         ).href}
-                                    <Icon component={IconOxygenShare} />
+                                    <Icon component={IconOxygenCopy} />
                                 </a>
                             </FlexBox>
                         </FlexBox>