diff --git a/config-ui/src/plugins/components/data-scope-select/index.tsx b/config-ui/src/plugins/components/data-scope-select/index.tsx
index 213b7ed25a4..79bd8b082f9 100644
--- a/config-ui/src/plugins/components/data-scope-select/index.tsx
+++ b/config-ui/src/plugins/components/data-scope-select/index.tsx
@@ -24,6 +24,7 @@ import type { McsItem } from 'miller-columns-select';
 import MillerColumnsSelect from 'miller-columns-select';
 
 import API from '@/api';
+import { PATHS } from '@/config';
 import { Loading, Block, ExternalLink, Message } from '@/components';
 import { useRefreshData } from '@/hooks';
 import { getPluginScopeId } from '@/plugins';
@@ -182,7 +183,7 @@ export const DataScopeSelect = ({
         </Flex>
       ) : (
         <Flex>
-          <ExternalLink link={`/connections/${plugin}/${connectionId}`}>
+          <ExternalLink link={PATHS.CONNECTION(plugin, connectionId)}>
             <Button type="primary" icon={<PlusOutlined />}>
               Add Data Scope
             </Button>