关于#vue.js#的问题：只需要 vue 3 代码逻辑中获取接口或页面数据

需求如下:

1. 提供一个第三方 URL， 非同一域名
2. 子页面不能添加新代码
3. 只需要获取数据，不用将页面展示于 iframe 中
4. 只需要 vue 3 代码逻辑中获取接口或页面数据

是这个意思吗

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">{{ item.title }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      items: []
    };
  },
  mounted() {
    axios.get(第三方url)
      .then(response => {
        this.items = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
};
</script>

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/1096264
• 你也可以参考下这篇文章：#vue# 【八】使用iframe嵌入外部的页面到项目里
• 除此之外, 这篇博客: vue嵌套iframe传参 通信中的 1.父页面代码 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• HTML

  <template>
    <div >
      <iframe name="myiframe" id="myrame-record-query" src="http://192.168" 
      frameborder="0" align="middle" width="80%" height="900px"></iframe>
    </div>
  </template>
  

  js 在vue的生命周期里面
  向子组件传递 token参数

  <script>
  mounted() {
      var that = this
      this.iframe = document.getElementById('myrame-record-query')
      this.iframe.onload = function () {
        // iframe加载完成后要进行的操作  这里要等 iframe加载完毕
         let param = {
          token:"***"
        }
        this.iframe.contentWindow.postMessage(param, '*')////*号可以指定任意域名
      }
  }
  </script>