记一次script加载不了静态资源的过程

最新推荐文章于 2024-08-01 14:32:35 发布
最新推荐文章于 2024-08-01 14:32:35 发布
阅读量604 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40285832/article/details/88978510
版权
博客讲述了作者在开发过程中遇到的一个静态资源加载问题，尽管路径设置正确，但仍然无法加载到资源。经过长时间排查，发现原来是所处的文件夹没有开放权限，导致外部资源无法访问。解决方案是在应用中添加允许访问该文件夹的代码。
摘要由CSDN通过智能技术生成

记一次script加载不了静态资源的过程


使用express搭建好服务,通过127.0.0.1:3000访问,跳转到index.html页面中,

目录树:
在这里插入图片描述

app.js
在这里插入图片描述
index.html
在这里插入图片描述

路径也没错,可是就是报路径错误,找不到文件

几个小时一直在想怎么修改路径,

最后才发现根本不是路径的问题

因为我demo这个文件夹没有开放,

外部资源当然访问不到了,

解决方法:
在app中加入这句代码就可以了

app.use('/demo',express.static(path.
最低0.47元/天 解锁文章
weixin_40285832
关注
script资源加载失败，触发页面刷新
Loook_Mark的博客
06-11 1107
前端页面升级，自动刷新，个人拙计
关于JQuery(或者是script文件)加载失败的解决办法
热门推荐
mmmgdzl的博客
04-22 2万+
    今天在测试我自己做的网页的时候遇到了一个莫名其妙的问题，在EditPlus中编译运行没有出错的网页在使用域名访问的时候不能正常运行了(ID访问也是一样)，打开Firefox的控制台发现了以下的情况:    指向“http://www.mmmgdzl.com/makeShow/jquery-3.3.1.min.js”的 <script> 加载失败。(如图)    我就很郁闷，路径...
script 加载的三种方式详解
最新发布
chenyajundd的博客
08-01 895
这三种方式各有优势，在首屏优化方面不能直接说哪一种就是最好的，可以结合起来进行使用，还要根据实际需求。总结就是：<script></script>：阻塞 HTML 解析，严格按照书写顺序执行脚本，适用于少量必须即时执行的脚本。defer：异步下载脚本，不阻塞 HTML 解析，按顺序执行，适用于大部分需要等待 HTML 解析完成的脚本。async：异步下载和执行脚本，不阻塞 HTML 解析，但无法保证执行顺序，适用于独立的或不依赖执行顺序的脚本。如果脚本需要在 DOM 准备好之前执行，使用直接加载。
【前端基础】script引入资源脚本加载失败解决方案（重新加载获取备用资源）
y_coder的博客
12-21 2496
当脚本加载失败时通过备用域名重新进行资源加载
加载静态文件,父模板的继承和扩展
anying7798的博客
11-05 87
用url_for加载静态文件 <script src="{{ url_for('static',filename='js/login.js') }}"></script> flask 从static文件夹开始寻找 可用于加载css, js, image文件 继承和扩展 把一些公共的代码放在父模板中，避免每个模板写同样的内容。base.html ...
thinkphp5 加载静态资源路径与常量的方法
10-18
在ThinkPHP5框架中，管理和加载静态资源是开发过程中必不可少的一环。本文将详细介绍如何在ThinkPHP5中加载静态资源路径以及使用常量的方法。 1. **加载静态资源路径** 在ThinkPHP5中，为了方便开发者管理静态...
javascript实现动态导入js与css等静态资源文件的方法
10-23
在JavaScript中，动态导入js和css等静态资源文件是一种提高页面加载效率的策略。它允许我们在需要时才加载相应的资源，而不是一次性加载所有文件。这有助于优化用户体验，尤其是在处理大型项目或按需加载功能时。...
解决Django加载静态资源失败的问题
09-18
Django作为一款流行的Python Web框架，其静态资源的管理对于新手开发者来说可能是一大挑战。文章开头提到，解决Django加载静态资源失败的问题是非常有价值的，并且希望对读者有所帮助。为了彻底弄清楚如何解决这个...
前端动态加载静态资源
chjuny的博客
01-07 876
前端动态加载资源
Script全集资源下载
11-08
Script全集Script全集Script全集Script全集Script全集Script全集
Script的加载方法小结
12-03
1.静态加载 CSS，图片资源文件在页面渲染过程中可以并行下载，不会阻塞。在IE8，FF下，也可以支持JS的并行下载。尽管页面的JS下载加速了，但是JS对页面渲染的阻塞还是依然存在的，只有JS加载完毕了，页面的剩余部分才能继续渲染。放在Head部分的Script是最为恶劣的，因为对页面来说，Head部分是require的，是后部分所必须的，Head部分不加载完毕，Body部分不会开始解析，Body解析之前，页面是空白的。静态Script放到页面的哪部分来说都是阻塞，从浏览器实现的角度来说很好理解，因为JS代码中完全有可能修改页面元素影响Dom结构。因为浏览器对JS行为的不可预知，所以只好等前面
html script触发,用 innerHTML 写入 script 标签不触发请求。
weixin_36087045的博客
06-20 395
This one was trivial.As stated in spec (8.4 Parsing HTML fragments and 8.2.3.5 Other parsing state flags,) quote:when using innerHTML the browser will1.Create a new Document node, and mark it as being...
关于js动态插入script 标签后页面JS代码执行失败的解决方法
一只烦恼的猪
07-26 1万+
RT，主要是因为加载顺序的问题，为了解决某设备上的JS缓存导致修改文件不能及时更新问题以及方便JS管理，我采用了如下代码进行JS 动态插入 var t = Math.random(); var js_path = "./js/"; function loadJS(script){ var src = js_path + script +'?r='+t ; var scrip
import引入js报错：Access to script at ‘file:///E:/...‘ from origin ‘null‘ has been blocked by CORS policy
flyf123的博客
02-23 3802
import 引入js跨域
vite打包后直接浏览器打开报错
bamboozjy的博客
07-08 4991
浏览器直接打开index.html报错: Access to script at 'file:///F:/code/vue3-app/dist/assets/index.9d2bd720.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chro
指向“”的 script 加载失败
kuloujianzun的博客
09-20 1万+
今天遇到了一个非常奇怪的问题：在某个同时的电脑上，所有浏览器无法打开某个页面，F12查看控制台，发现有一个黄色的 指向“xxxx.js”的 &lt;script&gt; 加载失败 的提示。该外部js文件是自己写的，而且同一路径下其他文件加载没有问题。经在自己电脑上和其他同事那里测试发现都可以打开这个页面的，也没有这个黄色提示。因为担心可能是浏览器的兼容问题，经过百度，搜集到很多解决的方法： 1....
SpringBoot整合Thymeleaf静态资源问题解析与解决方案
这有助于区分问题是否出在Thymeleaf解析上，还是静态资源加载的配置上。在非Thymeleaf页面中，可以直接使用HTML原生的链接和脚本标签，如`<script src="js/script.js"></script>`。 3. SpringBoot的静态资源配置：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值