IDEA里的vue项目iframe（HTML项目）同域连接步骤

最新推荐文章于 2024-07-06 11:25:59 发布
最新推荐文章于 2024-07-06 11:25:59 发布
阅读量490 收藏
点赞数
文章标签： vue java html javascript intellij idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ava_16/article/details/107658113
版权
本文介绍了在IntelliJ IDEA中，如何处理Vue项目中使用iframe加载HTML子项目的问题。首先，说明了在Vue项目内设置iframe的两种方式，静态引用和动态脚本设置。接着，详细阐述了由于端口冲突问题，需要在Vue项目中通过proxy配置调整API请求路径，确保与HTML项目的端口号不同。最后，指导如何在IDEA中将HTML项目的默认端口号63342更改为8080，包括在设置中开启外部连接和允许未签名请求。
摘要由CSDN通过智能技术生成
1.在vue项目里使用iframe框架
      <div id="middle">
        <iframe id="3diframe" ref="iframe" :src='src1'  width="730px" height="918px" style="background-color=transparent" frameborder
最低0.47元/天 解锁文章
Ava_16
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
(原创)springboot+springsecurity+redis+jwt+vue+iframe 做一个前后端分离的SSO单点登陆鉴权系统 类似淘宝天猫单点登陆
xuexishaguo的博客
12-20 3万+
1 前言 单点登陆系统，简单说就是用户登陆了www.aaa.com之后，再登陆www.bbb.com，就不需要重新输入用户名密码进行登陆，中间会有一个www.sso.com的验证中心。这点类似于淘宝 ，天猫，当然淘宝的验证中心域名是login.taobao.com，和www.taobao.com是同一个域名。要做到无缝登陆，就需要iframe这个技术，淘宝天猫也是用的iframe，iframe还...
iframe框架使用(完美版)
05-10
iframe使用 自适应高度 封装js
Idea实现springboot+vue项目整合
qq_46017272的博客
04-02 6507
1.首先在Idea中分别创建一个vue项目一个springboot项目（前面文章说过），右键uve项目，新创建一个子项目，New->Module 2.选择Maven->Next 3.填写项目名称，选择Finish 这样就创建好了一个springboot项目 但是由于这样的springboot项目缺少组件，pom文件中缺少很多依赖，所以最好将我们之前创建好的springboot项目导入进来 4.删除springboot项目的src和pom.xml 5.将最初创建完成
Vue3 对于内嵌Iframe组件进行缓存
最新发布
qq_43225508的博客
07-06 1602
对于系统内所有内嵌iframe 的页面均通过同一个路由'/iframe', 在router.query内传入不同src 参数，在同一组件内显示iframe 内嵌页面，对这些页面分别进行缓存。3.4 在template 部分增加 组件通过v-show 控制ifram 路由缓存的组件是否渲染。// 保存相同iframe 组件修改之后的组件名称同iframe套壳组件的映射关系。3.3 对同一iframe 路由传入不同参数的组件套壳修改name 进行缓存。-- iframe 组件缓存 -->
iframe同域访问
齐枫的博客
02-14 869
&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X
tomcat同时部署springboot(idea)项目和vue项目(webstorm)
lisen01070107的博客
01-02 2960
tomcat同时部署springboot(idea)项目和vue项目(webstorm) 1 后台项目打包 1.1 打包后台springboot的项目 选择File->Project Structure 然后根据下图所示 选择 Artifacts 右键Add一个 Web Application Archive 然后应用 ok 1.2 选择 Build --> build Artifa...
iframe使用
你蠢哭我咯的博客
08-16 701
<iframe name="son" src="https://www.hao123.com" width="100%" height="100%" scrolling="auto" security="restricted" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"> </iframe>
如何用Golang来手撸一个Blog - Milu.blog 开发总结
jikey2022的博客
08-04 1113
麋鹿博客： 基于Golang, Gin, Gorm, Mysql, Vuejs 的一款轻量级个人博客
SpringMVC (注解、拦截器、json、Ajax)
Akai__csdn的博客
08-10 401
SpringMVC 1、回顾MVC 1.1 什么是mvc MVC是模型（Model）、视图（View）、控制器（Controller）的简写，是一种软件设计规范。 是将业务逻辑、数据、显示分离的方法来组织代码。 MVC主要作用是降低了视图与业务逻辑间的双向耦合。 MVC不是一种设计模式，MVC是一种架构模式。 **Model（模型）：**数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型和或JavaBe组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据Dao
初汇总
Mr.Liu的博客
05-14 306
目录 初入门 项目运行 DEBUG步骤 问题排查 IDEA快捷键 部署流程 其他 知识梳理 session有效时间的设置 500 (Internal Server Error) 异常处理方式 日志记录 HttpClient请求接口设置超时时长 http接口与webService接口的区别 vConsole客户端调试 前端相关 其他 模块学习 Git VUE Spring Cloud MQ 其他 初入门 项目运行 1. 前置准备： 1) 安装jdk配.
idea里有vue项目有springboot项目，怎样把vue和项目同时启动能使vue前端项目访问到后端举例说明
qq_33192454的博客
10-15 2714
在 IntelliJ IDEA 中同时启动 Vue.js 前端项目和 Spring Boot 后端项目需要采取多模块方式，以确保两个项目可以协同工作。首先，创建一个 Maven 父项目，该父项目将包含两个子模块，一个用于 Vue.js 前端，另一个用于 Spring Boot 后端。在父项目下创建一个子模块，该子模块用于托管 Vue.js 项目。同样，在父项目下创建另一个子模块，用于托管 Spring Boot 项目。将前端和后端两个子模块拖拽到父项目中，形成父子关系。打开前端 Vue.js 项目，找到。
iframe中链接新窗口打开
ResumeProject的博客
09-07 5888
对于iframe不能在新窗口打开 <iframe id="myiframe" src="http://localhost:8080/Login.aspx" scrolling="no"></iframe> 1.添加 target="_blank" <a href="http://localhost:8080/HTMLPage.htm" target="_blank">This Page Link</a> 2.javascript window.locati
点击连接切换iframe
kingwin28的博客
02-20 456
点击连接切换iframe
Vue微前端新探：iframe优雅升级，扬长避短，重获新生
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
07-17 5496
iframe是一个天然的微前端方案，但受限于跨域的严格限制而无法很好的应用，本文介绍一种基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。
【vue】iframe相关问题
Qxn530的博客
03-02 5705
iframe刷新、子页面关闭iframe所在弹窗、iframe进度条一直加载中、iframe传参、iframe页面中需要使用wordexport等功能、iframe在弹窗中、iframe展示PDF不显示
Vue组件实现与iframe的通讯
chengcheng9876的博客
02-24 2073
Vue组件实现与iframe的通讯
在Vue里面嵌套Iframe页面教程分享 解决切换页面后没有办法保留住内容的问题
csdndddsd的博客
11-17 3791
在vue的router-view同级别添加了一个iframeTemp组件，其实就是一个elementUI的tab组件，然后把tab组件的头的样式隐藏在菜单栏的下面。为了解决切换了vue的路由，然后再切回http的页面，iframe中的src属性的页面就会从新刷新，没有办法保留住内容的问题。之后的iframe组件的显示隐藏和tab切换，都是通用vuex和bus事件广播实现的。在这个功能的实现中我们用到了bus事件总线的广播和监听。还要添加一个没用的路由，因为我们的锚记还要发生变化。
开发一个封装了iframe的VUE组件
左直拳的马桶_日用桶
03-25 1306
VUE的基本组成单元，我看应该是组件。用VUE开发前端项目，就是开发一个个组件，然后搭积木一样，将项目搭建出来。组件包含在页面，或者是更大的组件里面。在这里，组件与页面的界限，好像并不明显。事实上，对于单页应用，只有一个页面。 组件的好处，一是可以加强复用；二是能够将特定功能封装，利于调用；三是由于职责分明，组件高内聚，组件间低耦合，利于系统功能的优化、扩展和维护。好处多多。 开发组件，主要有2部分内容： 1、组件内部逻辑 2、外部接口 由于我这两天弄的组件，里面包含有一个<iframe>，那么
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值