src 引用路径问题

最新推荐文章于 2022-07-28 16:39:02 发布
原创 最新推荐文章于 2022-07-28 16:39:02 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#src 路径问题

本文介绍了解决在iframe中引用外部JavaScript文件路径问题的方法。通过使用<%=request.getContextPath()%>动态获取上下文路径，可以有效解决由于路径配置不当导致的文件引用失败问题。

在iframe 里 遇到路径问题 用到 引用  <script type="text/javascript" src="../../js/tdEdit.js"></script> 引用不到文件

这样改动就可以了  <script type="text/javascript" src="<%=request.getContextPath()%>/js/tdEdit.js"></script>

解决spring+iframe时 iframe src的路径问题，由不安全的根目录到WEB-INF 的安全目录
pangxiaofu的专栏
07-16 1万+
首先指明后台应用的是spring框架
html src文件引入
chenjine125的博客
03-18 1万+
1.相对路径  (1).如果源文件跟所引用的js文件在同一目录中，直接写上js的文件名就可以了 例如：  (2).如果源文件所引用的js文件是在当前目录下的子目录中。直接写上js文件所在的文件夹的名字跟js文件名 例如：  (3).如果源文件所引用的js文件是在上一级的目录中。使用../返回到上一级目录在写上js文件名 例如：  (4).如果想引用上两级目录，可以..\..\
vue-cli3 使用 iframe嵌入本地html 文件
程序猿小白的博客
05-10 2393
* 注意：在vue-cli3 中，需要将引入的html文件放在 public/static 目录下，否则不生效。 vue-cli2 中，放在 static 目录下可以正常引入 // src 的根路径就是public <iframe src="static/test.html"></iframe> ...
Vue 嵌入iframe，没有显示对应的页面，显示空白或者拒绝了访问，解决的一个思路
普普通通的博客！
06-29 1万+
在给vue使用iframe嵌入页面的时候，明明没有bug，页面就是显示不出来，白屏了。调了很多iframe的设置，但是就是没有效果。 后来发现是我访问的时候，本机是https，但是访问的地址是http，有个跨域的问题。主要就是浏览器认为不安全。去搜索了一下Http和Https的跨域问题，结论如下：那么解决方案可以是做个代理转发，或者我选择了一个笨办法，就是我去试了下我要嵌入的这个链接https能不能访问，然后发现可以，我就自己自己加了一个s，就可以访问了~...
iframe src 有值却不能显示的问题
qq_44331582的博客
07-28 1771
iframe src 有值却不能显示的问题
在vue中使用iframe标签引入html静态页面
weixin_44455772的博客
03-11 3969
最近项目要求，需要在vue中使用iframe标签引入html页面，下面记录采坑记录（注意:我这里使用的是vue3.0） 首先，我在public目录下新建了一个static的文件夹，然后将html页面放在了public/static目录下，然后在iframe标签的src中写的路径为…/…/public/static/2.html。 结果：不显示 接着，我在调试窗口看见了Index.html，这是public目录下默认生成的一个html文件 也就是如果我们的html页面找不到，他就会默认显示这个，这下
在uniapp的 vue 组件中使用 iframe 引入了一个本地文件，结果不显示
谨言不言☞博客
03-19 8827
在uniapp项目vue组件中，显示项目某个html页面 在uniapp项目vue组件中，显示项目某个html页面。 首先想到的方案： 1. 使用iframe 2. 使用web-view 方案1：借助iframe，引入本地文件 失败：在vue项目组件中，使用 iframe 引入项目同级目录html文件，但是在页面中显示的不是我所引入的html页面内容，而是项目主页。 使用iframe无法实现需求，根据错误原因，又反复研究，切换几种本地引入方式都不行： 1 直接使用本地路劲：失败 <iframe
笔记:vue中iframe刷新后src丢失出现404问题
popstarqq的博客
11-24 2808
如果组件中，用iframe嵌套了别的项目地址；刚开始用vuex保存src内容，但是页面刷新后，iframe中的内容404；原因是vuex中的src没有值，所以采用浏览器缓存实现； 代码如下 <template> <div class="sc-demo"> <iframe class="iframe" :src="src" ></iframe> </div> </template> <script> i.
vue :src 文件路径错误问题的解决方法
08-27
vue :src 文件路径错误问题的解决方法 在 Vue 项目中，经常会遇到 :src 文件路径错误问题，这个问题可能会导致图片或者文件加载失败，影响项目的正常运行。今天，我们将详细介绍 vue :src 文件路径错误问题的解决...
解决vue v-for src 图片路径问题 404
10-16
本篇分享将详细讲解如何在Vue中使用v-for循环时正确设置图片src路径，以及如何处理图片资源加载失败的问题。 首先，需要明白的是，在Vue中使用v-for指令时，图片资源的路径不能仅作为字符串处理，因为webpack在构建...
关于vue单文件中引用路径的处理方法
10-18
在Vue.js项目开发过程中，处理单文件组件（.vue文件）内部引用路径是一个常见的需求，特别是在引用静态资源如图片、样式等。正确处理文件路径能够确保资源能被正确加载，从而避免在项目构建后出现资源无法找到导致的...
vue cli使用绝对路径引用图片问题的解决
08-28
Vue CLI 使用绝对路径引用图片问题的解决 Vue CLI 是一个基于 Vue.js 的前端构建工具，它提供了一个强大的项目模板来帮助开发者快速构建 Vue 应用程序，但是在使用 Vue CLI 时，开发者可能会遇到一些问题，例如如何...
iframe的src加载不出来_Java 虚拟机（四）- 类加载器
weixin_39672443的博客
11-14 395
1.类加载器Java 虚拟机的主要任务是装载 class 文件并且执行其中的字节码。类加载器的作用是加载程序或 Java API 的 class 文件，并将字节码加载到执行引擎。在加载 class 文件时， 为了防止加载进来恶意的代码，需要在类的加载器体系中去实现一些规则，保证在 Java 沙箱的安全模型。类加载其在 Java 沙箱中主要是三方面守护了被信任的类库的边界 - 通过双亲委托机制实现防...
Vue项目打包后dist文件目录详解
热门推荐
A cold winter的博客
12-25 2万+
css文件夹下的.css文件是项目要用到的css文件,当你做webpack打包的时候，会把所有的css样式打包到这里 css文件夹下的.css.map文件是一个Source map文件，Source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。目的是帮助我们调试被压缩过的css代码，只是方便我们开发的时候做调试使用。 js文件夹下的.js...
vue打包后打开index.html静态资源找不到了？
weixin_43978501的博客
05-22 2105
百年难遇吧，但是我遇见了，缘分啊！！！！！ 首先，你是不是npm run build之后打开index.html文件，在浏览器中是一片空白，那么我可能知道方法去解决，哈哈哈哈！话不多说，上代码～～～ 1、找到你的config文件下面的index.js文件，然后把assetsPublicPath的值从’/‘改成’./’,如图所示： 2、在你的build文件下面找到utils.js文件，找到如下代码，加入publicPath:’…/…/’。 3、如果修改上述文件后，build还是不成功，那么你需要看看你的路
vue的图片src动态引入失败的解决办法
林钹渊的博客
10-26 6268
之前因为把图片放在assets里面，所以图片地址正确了但是怎么都不显示。 要了解为什么先了解一下assets和static的区别 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第三方，自己的放到assets，别人的放到s...
vue 引用src中的文件_Vue项目中img标签src的路径问题
weixin_39668571的博客
12-22 1408
一、问题引入今天重构之前赶工的项目，父组件通过属性绑定传值给子组件，子组件的图片url在img标签的src属性中相对路径写死的。(路径初始就写在src属性中)像这种直接写死的没有出现什么问题。但肯定是要改为父组件传值url过来属性绑定来设置的(毕竟是个组件，写死这组件的复用性就太差了)。此时看了一下运行项目后此图片的路径。webpack编译后的图片文件夹 img 会直接在根目录，图片的上层目录 s...
VUE项目中index.html中引入CSS文件小知识点
御前提笔小书童
06-24 3933
asdfasfdadfaf
vue打包后路径失效、找不到、404的问题
csdn_chengpeng的博客
10-09 2823
vue打包路径丢失的问题 在vue项目打包以后，本地打开项目会出现css、js路径404的问题，这是因为vue打包后的路径默认是根路径。 解决方法： 在vue.cofign.js文件中将 publicPath: ‘/’, 更改为 publicPath: ‘./’,（如果没有vue.cofign.js文件，需要自行创建一个） ...
jsp src拼接路径
最新发布
03-18
### JSP 中 `src` 路径拼接的最佳实践 在 JSP 页面中，正确拼接 `src` 路径对于资源加载至关重要。以下是实现这一目标的方法及其最佳实践。 #### 方法一：使用绝对路径 通过指定完整的 URL 地址来引用静态资源文件是一种常见的方式。这种方式可以有效避免相对路径带来的问题[^1]。 ```html <img src="${pageContext.request.contextPath}/images/example.jpg" alt="Example Image"> ``` 上述代码片段利用 `${pageContext.request.contextPath}` 动态获取应用上下文路径，从而构建出完整的图像路径。 --- #### 方法二：基于 `<c:url>` 标签库 为了增强可读性和灵活性，建议使用 JSTL 提供的 `<c:url>` 标签来处理路径拼接[^2]。 ```jsp <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var="contextPath" value="${pageContext.request.contextPath}" /> <img src="<c:url value=&#39;/images/example.jpg&#39;/>" alt="Example Image"> ``` 此方法不仅简化了路径管理逻辑，还能够自动编码特殊字符以防止潜在的安全隐患。 --- #### 方法三：动态调整服务器地址 如果前端页面需要根据运行环境动态改变基础路径，则可以通过 Servlet 配置或者外部参数注入的方式来完成[^4]。 ```jsp <% String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath(); %> <img src="<%=basePath%>/images/example.jpg" alt="Example Image"> ``` 这种方法适用于多环境部署场景下的统一资源配置需求。 --- #### 注意事项 当上传大尺寸图片至服务端时，需特别留意 Tomcat 默认限制请求体大小为 2MB 的情况。为了避免因超出该阈值而导致失败，请适当调整 `server.xml` 文件中的 `maxPostSize` 参数设置为 `"0"` 表示无上限[^5]。 --- #### 总结 综合考虑开发效率与维护成本，在实际项目开发过程中推荐优先采用 **JSTL `<c:url>` 方式** 进行 `src` 属性赋值操作；而对于跨域访问或其他复杂情形则应结合具体情况灵活选用其他方案[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值