src 引用路径问题

最新推荐文章于 2021-12-28 14:17:10 发布
原创 最新推荐文章于 2021-12-28 14:17:10 发布 · 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 2394
* 注意：在vue-cli3 中，需要将引入的html文件放在 public/static 目录下，否则不生效。 vue-cli2 中，放在 static 目录下可以正常引入 // src 的根路径就是public <iframe src="static/test.html"></iframe> ...
vue :src 文件路径错误问题的解决方法
08-27
主要介绍了vue :src 文件路径错误问题的简单解决方法，本文分步骤给大家介绍的非常详细，感兴趣的朋友跟随脚本之家小编一起学习吧
在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.
iframe的src加载不出来_Java 虚拟机（四）- 类加载器
weixin_39672443的博客
11-14 395
1.类加载器Java 虚拟机的主要任务是装载 class 文件并且执行其中的字节码。类加载器的作用是加载程序或 Java API 的 class 文件，并将字节码加载到执行引擎。在加载 class 文件时， 为了防止加载进来恶意的代码，需要在类的加载器体系中去实现一些规则，保证在 Java 沙箱的安全模型。类加载其在 Java 沙箱中主要是三方面守护了被信任的类库的边界 - 通过双亲委托机制实现防...
解决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 时，开发者可能会遇到一些问题，例如如何...
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中的文件_Vue项目中img标签src的路径问题
weixin_39668571的博客
12-22 1408
一、问题引入今天重构之前赶工的项目，父组件通过属性绑定传值给子组件，子组件的图片url在img标签的src属性中相对路径写死的。(路径初始就写在src属性中)像这种直接写死的没有出现什么问题。但肯定是要改为父组件传值url过来属性绑定来设置的(毕竟是个组件，写死这组件的复用性就太差了)。此时看了一下运行项目后此图片的路径。webpack编译后的图片文件夹 img 会直接在根目录，图片的上层目录 s...
vue打包后路径失效、找不到、404的问题
csdn_chengpeng的博客
10-09 2823
vue打包路径丢失的问题 在vue项目打包以后，本地打开项目会出现css、js路径404的问题，这是因为vue打包后的路径默认是根路径。 解决方法： 在vue.cofign.js文件中将 publicPath: ‘/’, 更改为 publicPath: ‘./’,（如果没有vue.cofign.js文件，需要自行创建一个） ...
vue部署项目之后，无法访问到静态资源（图片）
简的博客
06-29 1万+
首先参见如下帖子：https://blog.youkuaiyun.com/qq_39480597/article/details/79568173， 这个算是系统的管理了静态资源资源问题，适合大部分静态资源访问不到的情况，但是觉得很繁琐，我这边没有用，我下面列出一种，只有一两张图片访问不到的情况 我这边是访问图片出现了问题，而且只有一张，是通过new 出来的image对象，原始代码如下 // js操作dom，...
frameset布局时frame中src路径的页面没有加载的解决方法
udbiqplfdn的博客
07-03 2802
今天，在写一个前面页面里，用了frameset布局页面，把在实际页面显示页面中，却无没有加载src路径。代码如下：         把实际地运行下，无法正确显示页面，把百度后，才发现问题所在(http://www.zhujiangroad.com/program/JSP/52734.html)。原因所在是由于frameset是一种框架结构，将整
vue中无法访问静态资源
qq_45555170的博客
12-18 3903
vue中无法访问静态资源原因：解决看看效果 原因： 主要是项目的图片没有放到正确的路径之下，就基本上会出现vue访问不到静态静态资源的问题 解决 将所需要的图片放到static中就可以了，在读取对象的属性的时候只需要把照片的路径写准确即可，可以直接写路径访问到 在 static/img/ 后面直接加图片名称.这样项目中就能访问到了 大致就是一个这样的路径 看看效果 这样就能访问vue项目中的静态资源了 ...
解决vue打包后部署到服务器找不到静态资源问题
ct5211314的博客
12-28 9967
我们将项目打包后放到服务器上，会报找不到静态资源的错误。 一、错误原因 将项目打包后放在服务器上会默认在根目录上去找静态资源，但我们并没有将资源放在根目录上 二、解决方案新增vue.config.js文件 与后台沟通好服务器资源所放位置 module.exports = { publicPath: process.env.NODE_ENV === "development" ? "" : "/h5/pharmacy", }; ...
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、付费专栏及课程。

余额充值