向网站头部添加jQuery及embeddedCPC脚本时出现404错误求助

以下是几个常见的排查方向：

• 路径指向错误
  你使用的是根目录相对的绝对路径（以/开头），需确认：

  • 网站根目录下是否确实存在scripts/api/vendor/jquery-3.5.1.min.js和scripts/embeddedCPC.js这两个文件
  • 如果网站部署在子域名或子目录下，绝对路径会直接指向顶级域名的根目录，而非当前项目目录，这种情况需要改用相对路径（比如去掉开头的/，或者根据当前页面路径调整）

• 文件实际位置与代码路径不匹配

  • 检查文件层级是否正确，比如是否把jquery文件放在了scripts/vendor/api/而非代码中写的scripts/api/vendor/
  • 核对文件名拼写、大小写，部分服务器（如Linux系统的服务器）严格区分文件名大小写，哪怕是JQuery和jquery都会导致404

• 服务器权限或配置问题

  • 服务器是否限制了scripts目录的访问权限，比如Nginx的location规则、Apache的.htaccess配置是否禁止了该目录的文件请求
  • 确认服务器的网站根目录映射是否正确，如果根目录指向错误，会导致所有基于根的路径都无法找到文件

你当前使用的动态添加脚本代码：

var scriptOne = document.createElement("script");
var scriptTwo = document.createElement("script");

scriptOne.setAttribute('src', '/scripts/api/vendor/jquery-3.5.1.min.js')
scriptTwo.setAttribute('src', '/scripts/embeddedCPC.js')

document.head.appendChild(scriptOne);
document.head.appendChild(scriptTwo);

报错截图：

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