iframe三方页面嵌入

一、html代码

<div><iframe :src="Url" frameborder="0" scrolling="yes" class="isiframe"></iframe></div>

二、拼接url

import { ref } from "vue";
import { getToken } from "@/utils/auth";
import domain from "@/utils/http/domain";
import { useRoute } from "vue-router";
import CryptoJS from "crypto-js";
const SECRET_KEY = "H6uZdDcB8JbJrNh5ptbZ";const { application } = domain;
const route = useRoute();const UserData = ref({});
const Url = ref();const isType = ref({"/generalWarning_team/:page*":'/generalWarning/team', //专项预警    校领导"/teamTeachersEarlyWarningReports/:page*":'/entrance/teamTeachersEarlyWarningReports', //年度报告    校领导"/balanceIndex_team/:page*":'/balanceIndex/team', //均衡指数    校领导"/portrait_team/:page*":'/portrait/team', //教师画像    校领导
});
onActivated(()=>{let user = JSON.parse(localStorage.getItem("userInfo"));//获取教师信息let route_userId = user.staffModel.teacherId;//获取教师id//加密const secretKey = CryptoJS.SHA256(SECRET_KEY);const secret = CryptoJS.AES.encrypt(String(route_userId), secretKey, {mode: CryptoJS.mode.ECB,}).toString();const xzToken = encodeURIComponent(secret);let roles = "";//角色名拼接for (let i = 0; i < user.roles.length; i++) {roles += user.roles[i].name;if (i < user.roles.length - 1) {roles += "|";}}console.log("🐬-----roles-----", roles);console.log('version: 202406140205');//完整urlUrl.value =application +isType.value[route.path] +`?xzToken=${xzToken}&role=${roles}`;
})