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>

效果如下