未找到 JS 文件 (404)

Question

我在本地运行应用程序，它运行良好。当我将它上传到我的托管帐户时，我开始在 JS 上收到 404 错误

Chrome 和 Firefox 都会出现这种情况。

Chrome Inspect Element Errors

The directory structure

文件位于指定位置，代码位于页面底部，因此在加载之前不应访问它们。

 
<script src="libs/bootstrap-switch-master/docs/js/jquery.min.js"></script>
<script src="libs/bootstrap-toggle-master/js/bootstrap-toggle.min.js"></script>
<script src="libs/angular/angular.js"></script>
<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular-auto-validate/dist/jcs-auto-validate.min.js" ></script>
<script src="libs/ladda/dist/spin.min.js" ></script>
<script src="libs/ladda/dist/ladda.min.js" ></script>
<script src="libs/angular-ladda/dist/angular-ladda.min.js"></script>
<script src="libs/clipboard.js-master/dist/clipboard.min.js"></script>
<script src="libs/jquery-color-master/jquery.color.js"></script>

<script src="main.js" ></script>

</body >
</html >

Answer 1

在 Chrome 开发者工具（Google Chrome 中的 F12）中，如果您转到源选项卡，您可以看到页面上的内容（css 和 js）。您的某些文件似乎丢失了，并且某些目录不正确。

看起来有些内容您认为 support-wizard 是根目录，但实际上并非如此。

例如，您的一些来源应该是：

/support-wizard/libs/ladda/dist/spin.min.js
/support-wizard/libs/ladda/dist/ladda.min.js
/support-wizard/libs/bootstrap-toggle-master/css/bootstrap-toggle.min.css

如果您尝试转到它应该加载的每个页面（即：ztsales.com/support-wizard/libs/ladda/dist/ladda.min.js）

Answer 2

解决了。

这是一个权限问题。 PATH 是正确的，但有问题的目录和文件没有执行权限。

EDIT(zpert)：确保目录权限为755，这意味着：

• 所有者：读、写、执行
• 组：读取、执行
• 公开：读取、执行