服务器上载后Javascript不工作

正如标题所说，我刚刚完成了一个网站的建设。在我的本地服务器上进行了测试，在那里一切正常，没有任何错误

但是，在将我的文件上载到dreamhost服务器后，网站会加载，但我的动画和交互性不起作用。我联系了客户服务，他们告诉我，在我的error.log文件中，它说找不到我所有GSAP.js文件所在的文件夹。但从我的面板上看，所有文件都已成功上传

为了确保不仅仅是dreamhost服务器，我决定尝试将站点上传到github服务器，但仍然是一样的。站点和所有文件已成功上载，但javascript文件未运行或未定位。我不太清楚。在谷歌开发者工具中查看控制台和网络后，没有任何错误，显示所有文件都已成功上传，因为没有错误

是什么导致了这个问题？我迷路了

下面是引用所有GSAP.js和my index.js文件的代码

<script src="Resources/js/index.js"></script>
<script src="Vendor/js/TweenMax.min.js"></script>
<script src="Vendor/js/Draggable.min.js"></script>
<script src="Vendor/js/ThrowPropsPlugin.min.js"></script>
<script src="Vendor/js/MorphSVGPlugin.min.js"></script>
<script src="Vendor/js/SplitText.min.js"></script>
<script src="Vendor/js/CSSPlugin.js"></script>
<script src="Vendor/js/ScrollToPlugin.js"></script>

这是我的文件夹结构

• 关于.html
• case-studies.html
• contact.html
• contact.php
• css文件夹
• experiments.html
• 图像文件夹
• index.html
• PHPMailer文件夹
• 资源文件夹
• 供应商文件夹

---

供应商文件夹包含您已经知道的所有js文件。

所有文件都已正确加载。。这里的问题

function setupPage() {
  var url = window.location.pathname;
  var filename = url.substring(url.lastIndexOf('/')+1);
  switch(filename) {
    case 'index.html':
      setupIndex();
      break;
    case 'about.html':
      setupAbout();
      break;
    case 'contact.html':
      setupContact();
      break;
    case 'case-studies.html':
      setupCaseStudies();
      break;
    case 'experiments.html':
      setupsetupExperiments();
      break;
   }
}

您已经

substring

找到该页面的url。。但实际上，如果url中没有任何页面，您没有设置任何内容

这意味着，如果你去你的网站将工作的预期

因此，您需要在切换之前检查

文件名

。。你可以用

var forcheck = url.substring(url.lastIndexOf('/')+1);
var filename = (forcheck.indexOf('.html') !== 1) ? 'index.html' : forcheck ;

或者重定向到

index.html

我不建议这样做

---

所有文件都已正确加载。。这里的问题

function setupPage() {
  var url = window.location.pathname;
  var filename = url.substring(url.lastIndexOf('/')+1);
  switch(filename) {
    case 'index.html':
      setupIndex();
      break;
    case 'about.html':
      setupAbout();
      break;
    case 'contact.html':
      setupContact();
      break;
    case 'case-studies.html':
      setupCaseStudies();
      break;
    case 'experiments.html':
      setupsetupExperiments();
      break;
   }
}

您已经

substring

找到该页面的url。。但实际上，如果url中没有任何页面，您没有设置任何内容

这意味着，如果你去你的网站将工作的预期

因此，您需要在切换之前检查

文件名

。。你可以用

var forcheck = url.substring(url.lastIndexOf('/')+1);
var filename = (forcheck.indexOf('.html') !== 1) ? 'index.html' : forcheck ;

或者重定向到

index.html

我不建议这样做

---

---

您使用的是绝对路径吗？您能否发布引用“GSAP.js”文件的相关代码以及您正在使用的目录结构？当您访问托管站点时，请检查您的浏览器控制台。一些CSS文件可能无法加载，或者它可能有一些错误，可以说明问题。（您在问题中确实提到了控制台，但我不确定您是在上传文件还是访问网站时检查）。@kshikama我刚刚编辑了问题以提供您要求的详细信息。@Sidney我检查了所有内容，所有文件都已加载。没有任何错误。在将所有文件上传到dreamhost服务器后，我在访问站点时检查了控制台。我不知道上传文件时如何检查控制台。如果你不介意，我可以给你网站的链接。发送你的实时网站链接你使用绝对路径吗？您能否发布引用“GSAP.js”文件的相关代码以及您正在使用的目录结构？当您访问托管站点时，请检查您的浏览器控制台。一些CSS文件可能无法加载，或者它可能有一些错误，可以说明问题。（您在问题中确实提到了控制台，但我不确定您是在上传文件还是访问网站时检查）。@kshikama我刚刚编辑了问题以提供您要求的详细信息。@Sidney我检查了所有内容，所有文件都已加载。没有任何错误。在将所有文件上传到dreamhost服务器后，我在访问站点时检查了控制台。我不知道上传文件时如何检查控制台。如果你不介意的话，我可以给你这个网站的链接。发送你的网站链接谢谢。这似乎就是问题所在。那么，如何确保每次访问时页面直接加载到index.html？@user8930909尝试

console.log（filename）

并直接打开

www.seimodei.com

，查看您可以使用.htaccess获得什么，或者您可以在根

中创建index.php。最后：别忘了把这个作为一个answer@plonknimbuzz谢谢我会试试看，看看效果如何。@user8930909答案更新。。检查两行代码的检查和

文件名

。。只需检查

.html

的代码，如果没有，它将返回

index.html

非常感谢。这似乎就是问题所在。那么，如何确保每次访问时页面直接加载到index.html？@user8930909尝试

console.log（filename）

并直接打开

www.seimodei.com

，查看您可以使用.htaccess获得什么，或者您可以在根

中创建index.php。最后：别忘了把这个作为一个answer@plonknimbuzz谢谢我会试试看，看看效果如何。@user8930909答案更新。。检查两行代码的检查和

文件名

。。只需对

.html

进行代码检查，如果没有，它将返回

索引.html