项目中Javascript脚本script.js偶发404加载失败问题排查

问题现象 #

• script.js脚本仅约50%的加载成功率，失败时返回错误：

localhost/:252          GET http://localhost/js/script.js net::ERR_ABORTED 404 (Not Found)

• 脚本通过Laravel Blade组件<x-footer />统一引入在所有页面页脚：

</body>
<script src="{{ asset('js/script.js') }}"></script>
</html>

已尝试的无效方案 #

• 移动脚本文件位置
• 重命名脚本文件
• 将脚本标签硬编码到每个页面中

文件权限信息 #

public文件夹权限： #

total 32
0 drwxr-xr-x  11 brandon  staff   352  4 Nov 14:35 .
0 drwxr-xr-x  30 brandon  staff   960  4 Nov 14:33 ..
8 -rw-r--r--   1 brandon  staff   603 28 Oct 14:38 .htaccess
0 drwxr-xr-x   4 brandon  staff   128  4 Nov 14:33 build
0 drwxr-xr-x   3 brandon  staff    96  3 Nov 15:55 css
0 -rw-r--r--   1 brandon  staff     0 28 Oct 14:38 favicon.ico
8 -rw-r--r--   1 brandon  staff    21 11 Nov 15:57 hot
0 drwxr-xr-x   6 brandon  staff   192  3 Nov 16:08 img
8 -rw-r--r--   1 brandon  staff  1710 28 Oct 14:38 index.php
0 drwxr-xr-x   3 brandon  staff    96 11 Nov 15:53 js
8 -rw-r--r--   1 brandon  staff    24 28 Oct 14:38 robots.txt

js文件夹内文件权限： #

0 drwxr-xr-x   3 brandon  staff     96 11 Nov 15:53 .
0 drwxr-xr-x  11 brandon  staff    352  4 Nov 14:35 ..
24 -rw-r--r--   1 brandon  staff  11937 14 Nov 11:54 script.js

解决方法 #

问题根源是Docker容器文件同步异常，执行以下命令重启容器后问题完全修复：

docker compose down
docker compose up

内容的提问来源于stack exchange，提问作者bfrith