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

最新推荐文章于 2023-03-20 23:38:17 发布
最新推荐文章于 2023-03-20 23:38:17 发布
阅读量558 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40285832/article/details/88978510
版权

记一次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
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
script资源加载失败，触发页面刷新
Loook_Mark的博客
06-11 1045
前端页面升级，自动刷新，个人拙计
【前端基础】script引入资源脚本加载失败解决方案（重新加载获取备用资源）
最新发布
y_coder的博客
12-21 2147
当脚本加载失败时通过备用域名重新进行资源加载
关于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 3709
import 引入js跨域
vite打包后直接浏览器打开报错
bamboozjy的博客
07-08 4758
浏览器直接打开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
加载静态文件,父模板的继承和扩展
anying7798的博客
11-05 83
用url_for加载静态文件 <script src="{{ url_for('static',filename='js/login.js') }}"></script> flask 从static文件夹开始寻找 可用于加载css, js, image文件 继承和扩展 把一些公共的代码放在父模板中，避免每个模板写同样的内容。base.html ...
Script的加载方法小结
12-03
1.静态加载 CSS，图片资源文件在页面渲染过程中可以并行下载，不会阻塞。在IE8，FF下，也可以支持JS的并行下载。尽管页面的JS下载加速了，但是JS对页面渲染的阻塞还是依然存在的，只有JS加载完毕了，页面的剩余部分才能继续渲染。放在Head部分的Script是最为恶劣的，因为对页面来说，Head部分是require的，是后部分所必须的，Head部分不加载完毕，Body部分不会开始解析，Body解析之前，页面是空白的。静态Script放到页面的哪部分来说都是阻塞，从浏览器实现的角度来说很好理解，因为JS代码中完全有可能修改页面元素影响Dom结构。因为浏览器对JS行为的不可预知，所以只好等前面
thinkphp5 加载静态资源路径与常量的方法
10-18
在ThinkPHP5框架中，管理和加载静态资源是开发过程中必不可少的一环。本文将详细介绍如何在ThinkPHP5中加载静态资源路径以及使用常量的方法。 1. **加载静态资源路径** 在ThinkPHP5中，为了方便开发者管理静态...
Django静态资源部署404问题解决方案
09-16
在Django框架中，静态资源部署是开发过程中不可或缺的一部分，它涉及到CSS、JavaScript、图片等非动态内容的处理。然而，有时在部署过程中可能会遇到404错误，导致静态资源无法正常加载。以下是对这个问题的详细解答...
javascript实现动态导入js与css等静态资源文件的方法
10-23
在JavaScript中，动态导入js和css等静态资源文件是一种提高页面加载效率的策略。它允许我们在需要时才加载相应的资源，而不是一次性加载所有文件。这有助于优化用户体验，尤其是在处理大型项目或按需加载功能时。...
Spring Boot 静态资源处理
08-26
这意味着，无论静态资源位于这些目录中的哪一个，都可以通过根路径访问。例如，如果你有一个`/resources/static/css/style.css`文件，只需在浏览器中输入`/css/style.css`即可加载。 此外，`/webjars/**`路径用于...
在SpringBoot中静态资源访问方法
08-28
在 SpringBoot 中，静态资源访问可以通过两种方式来实现，一种是将静态资源文件放在 `src/main/webapp` 目录下，另一种是将静态资源文件放在 `classpath` 下，并添加相应的配置项。在实际开发中，我们可以根据项目...
解决js脚本加载失败的问题
qq_58062502的博客
03-20 6821
首先，我们需要引入多个新地址的script标签加载js，当某一个js加载失败时，就会被触发window监听事件error，执行重试更换域名生成新的script标签加载js，需要靠document.write()才能阻塞后面的js加载，不阻塞后续js加载，会造成js加载顺序混乱。但上一个js脚本加载出现错误，window监听error事件还有没有注册，所以说我们需要把它写在最前边，放到里，一开始就去监听。到这里页面解决了，什么时候去重新加载js的问题，还剩下如何重试加载js。
html script触发,用 innerHTML 写入 script 标签不触发请求。
weixin_36087045的博客
06-20 362
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...
关于JQuery(或者是script文件)加载失败的解决办法
热门推荐
mmmgdzl的博客
04-22 2万+
    今天在测试我自己做的网页的时候遇到了一个莫名其妙的问题，在EditPlus中编译运行没有出错的网页在使用域名访问的时候不能正常运行了(ID访问也是一样)，打开Firefox的控制台发现了以下的情况:    指向“http://www.mmmgdzl.com/makeShow/jquery-3.3.1.min.js”的 &lt;script&gt; 加载失败。(如图)    我就很郁闷，路径...
关于JQuery的load方法无法加载script的问题探讨
qq_32098189的博客
02-03 1474
关于JQuery的load方法无法加载script的问题探讨
【原创】火狐不能加载＜script＞代码或者＜script src=“....“＞文件
子扉居
06-25 2116
提示之类 解决方法： 检查 扩展 NoScript 的 当前站点的设置，是禁用了。改成 信任 就好了。
html使用thymeleaf使用静态资源被拒绝
05-29
如果您使用Thymeleaf来处理HTML模板，并且发现无法加载静态资源，可能是由于Thymeleaf的资源解析器没有配置正确所...如果您仍然无法加载静态资源，请检查控制台是否有任何错误信息，并检查静态资源的文件权限是否正确。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值