vue项目引入外部vue项目页面

vue项目使用iframe引入外部项目页面

vue项目引入外部项目页面有好几种方法，我这种使用的是iframe

示例

<template>
  <div>
    <iframe
      :src="userPageUrl"
      width="100%"
      height="800"
      frameborder="0"
      allowfullscreen
    ></iframe>
  </div>
</template>

<script>
export default {
      
      
  data() {
      
      
    return {
      
      
      userPageUrl: "http://127.0.0.1:8081/user/index"
    };
  }
};
</script>

效果如下