前端关于 iframe 跨域的解决方案在前端经常遇到跨域问题，在Vue项目中常用Proxy来解决跨域，在不使用框架的页面

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第18天，点击查看活动详情

在前端经常遇到跨域问题，在Vue项目中常用Proxy来解决跨域，在不使用框架的页面中，有时会使用iframe来嵌套另一个网站链接。但是由于网站的限制，导致无法通过这种形式访问。

于是便有了如下解决方案：

解决方案

在页面中嵌入了 iframe ,通过js 代码设置其访问路径，并在连接后面拼接encodeURI(text)，即可嵌入成功。

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>iframe跨域</title>
</head>

<body>
<iframe id="frame" src="###"></iframe>
<ul id="ct">
  <li>这里是内容1</li>
  <li>这里是内容2</li>
</ul>
<script>
  window.onload = function(){
    // var text = document.getElementById('ct').innerHTML;
    var text = "<li>这里是内容</li>";
    document.getElementById('frame').src="https://www.test.com/"+encodeURI(text);
  }
</script>
</body>
</html>