大屏配置页面嵌套能管平台苏州站,设置苏州站代理

src/view/LargeScreen/cockpit.vue

@@ -1,5 +1,22 @@
 <template>
-    <div>
+    <div class="CockpitPage">
-        驾驶舱
+        <!-- <div class="TopBox">
+            <h1>仓储可视化数据大屏</h1>
+        </div> -->
+        <iframe src="http://172.16.1.130:81/sz/" frameborder="0" style="width: 100%;height: 100%;"></iframe>
     </div>
-</template>
+</template>
+
+<style lang="less" scoped>
+.CockpitPage {
+    width: 100%;
+    height: 100%;
+
+    .TopBox {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+       
+    }
+}
+</style>

src/view/components/projectModal.vue

@@ -304,6 +304,8 @@
 </template>
 <script setup>
 import { ref, watch } from 'vue'
+import { useRouter } from "vue-router";
+const router = useRouter();
 const open = ref(false)
 const selectTypeValue = ref(1);
 const projectName = ref("");
@@ -421,11 +423,6 @@ const selectTemplate = (data) => {
 }
 
 
-// 处理提交
-const handleSubmit = () => {
-    console.log('提交项目')
-    open.value = false
-}
 
 // 关闭弹窗
 const handleClose = () => {
@@ -434,5 +431,7 @@ const handleClose = () => {
 
 const submitFun = () => {
     console.log(projectName.value, "=====> 项目名称");
+    router.push('/LargeScreen');
+
 }
 </script>

vite.config.js

@@ -16,6 +16,26 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
   },
+  proxy: {
+      ['/dev-api']: {
+         target: `http://172.16.1.103:8081/njbzApi`,  // 汤
+        // target: `http://119.57.137.22:8000/njbzApi`, // 外网
+        changeOrigin: true,
+        pathRewrite: {
+          ["^" + '/dev-api']: "",
+        },
+      },
+      ['/njbzControlApi']: {
+        // target: `http://119.57.137.22:8081/iotApi`,
+        // target: `http://119.57.137.22:9000/njbzControlApi`,
+        target: `http://172.16.1.155:8081/njbzControlApi`, // 秦
+        changeOrigin: true,
+        pathRewrite: {
+          ["^" + '/njbzControlApi']: "",
+        },
+        rewrite: (path) => path.replace(/^\/dev-api\/njbzControlApi/, ""),
+      },
+    },
   server: {
     host: '0.0.0.0', // 关键：允许通过IP访问（监听所有网络接口）
     port: 86,