diff --git a/gui/src/layout/AppLayout.vue b/gui/src/layout/AppLayout.vue
index a86baf28..6ec0b031 100644
--- a/gui/src/layout/AppLayout.vue
+++ b/gui/src/layout/AppLayout.vue
@@ -22,6 +22,9 @@ watch(isSidebarActive, (newVal) => {
     }
 });
 
+const app = computed(() => {
+	return store.getters['notice/app'];
+});
 const mobileLeftbar = computed(() => {
 	return store.getters['account/mobileLeftbar'];
 });
@@ -74,6 +77,8 @@ const isMobile = computed(() => windowWidth.value<=768);
 const toggleLeft = () => {
 	store.commit('account/setMobileLeftbar', false);
 }
+const windowHeight = ref(window.innerHeight);
+const viewHeight = computed(() => windowHeight.value - 0);
 </script>
 
 <template>
@@ -87,8 +92,9 @@ const toggleLeft = () => {
         </div> -->
         <div class="layout-main-container"  >
             <div class="layout-main" >
-							
+							<iframe v-if="app && !!app.url" :src="app.url" width="100%" frameborder="0" :height="viewHeight"/>
 							<router-view
+								v-else
 							  v-slot="{ Component }"
 							>
 							  <keep-alive>
diff --git a/gui/src/router/guards.js b/gui/src/router/guards.js
index 509d3b92..f71671d0 100644
--- a/gui/src/router/guards.js
+++ b/gui/src/router/guards.js
@@ -37,6 +37,8 @@ const progressStart = (to, from, next) => {
 const loginGuard = (to, from, next, options) => {
   const { toast } = options;
 	const store = useStore();
+	
+	store.commit('notice/setApp', null);
   if (!loginIgnore.includes(to) && !checkAuthorization()) {
 		const toast = useToast();
 		toast.add({ severity: 'warn', summary: 'Tips', detail: 'Login is invalid, please login again', life: 3000 });
diff --git a/gui/src/store/modules/notice.js b/gui/src/store/modules/notice.js
index 3f0538b0..9c8e6cff 100644
--- a/gui/src/store/modules/notice.js
+++ b/gui/src/store/modules/notice.js
@@ -3,6 +3,7 @@ export default {
   state: {
 		confirm:null,
 		toast:null,
+		app:null,
   },
   getters: {
     confirm: (state) => {
@@ -11,6 +12,9 @@ export default {
     toast: (state) => {
       return state.toast;
     },
+    app: (state) => {
+      return state.app;
+    },
   },
   mutations: {
     setConfirm(state, confirm) {
@@ -19,5 +23,8 @@ export default {
     setToast(state, toast) {
       state.toast = toast;
     },
+    setApp(state, app) {
+      state.app = app;
+    },
   },
 };
diff --git a/gui/src/utils/webview.js b/gui/src/utils/webview.js
index aae0c46a..d76dcd0f 100644
--- a/gui/src/utils/webview.js
+++ b/gui/src/utils/webview.js
@@ -6,9 +6,9 @@ import { invoke } from '@tauri-apps/api/core';
 // import { getCurrent as getCurrentDL } from '@tauri-apps/plugin-deep-link';
 
 const openWebview = (app)=>{
-	
 	if(!window.__TAURI_INTERNALS__ ){
-		window.open(app.url);
+		store.commit('notice/setApp', app);
+		// window.open(app.url);
 		return
 	}
 	try{