vue 跨域嵌套html
时间: 2023-07-19 19:47:32 浏览: 122
在vue中实现嵌套页面(iframe)
5星 · 资源好评率100%
要实现 vue 跨域嵌套 html,可以使用 iframe 标签来加载另一个域名下的 html 页面。在 vue 组件中,可以通过以下代码来实现:
```html
<template>
<div>
<iframe :src="iframeSrc" width="100%" height="500"></iframe>
</div>
</template>
<script>
export default {
data() {
return {
iframeSrc: 'http://www.example.com/index.html' // 嵌套的 html 页面的地址
}
}
}
</script>
```
需要注意的是,被嵌套的 html 页面需要允许跨域访问。可以在服务器端设置 Access-Control-Allow-Origin 头部来实现跨域访问。
阅读全文