在服务器上上传网站后无法加载资源（未找到）（内部服务器错误）答案

【问题标题】：Failed to load resource (Not Found) (Internal Server Error) after uploading website on server在服务器上上传网站后无法加载资源（未找到）（内部服务器错误）
【发布时间】：2020-04-02 03:42:19
【问题描述】：

通过删除服务器上的所有文件并重新上传我的网站解决了问题！

Screenshot of the console error

嗨，

当我在浏览器上离线打开我的网站时，它看起来不错，但在我转到网址时将其上传到服务器后，它只显示没有任何格式和 CSS 的文本和图像。我不知道如何解决这个问题：\ 可能是什么问题？

如果有帮助的话，这里是我网站的当前文件夹结构： “public_html” > css、img、js、邮件、scss、供应商

<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta content="width=device-width, initial-scale=1" name="viewport" />

  <title>website title</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


  <!-- Custom fonts for this template -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

  <!-- Custom styles for this template -->
  <link href="css/agency-edit.min.css" rel="stylesheet" type="text/css">
  <link href="css/adjustment.css" rel="stylesheet" type="text/css">

</head>

还有一些位于“正文”末尾的脚本。

<!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Contact form JavaScript -->
  <script src="js/jqBootstrapValidation.js"></script>
  <script src="js/contact_me.js"></script>

  <!-- Custom scripts for this template -->
  <script src="js/agency.min.js"></script>

谢谢

【问题讨论】：

您是否真的将所有 CSS/JS 上传到正确的相对位置？
我想是的，因为当我在电脑上打开网站时，一切看起来都不错。
你能告诉我们更具体的文件结构吗？

标签： html css upload console

【解决方案1】：

在你的情况下，它可以是：

相对位置不正确（代码找不到你的css和其他文件，检查包含文件的路径）
文件未上传到服务器（尝试重新上传）

【讨论】：

感谢回复，我会尝试在服务器上重新上传文件。

【解决方案2】：

我敢打赌，如果您在所有本地路径前面加上一个斜杠 /，那么一切都会为您带来神奇的效果。

解释：

vendor/ 在当前文件夹中查找“vendor”文件夹。

/vendor/ 查找站点的根目录。

../vendor/ 查找我当前文件夹的父级。

./vendor/ 看起来“这里”。（旁注：当文件被另一个位置的其他文件引用以进行服务器端处理时，这在服务器本身内更有用。）

【讨论】：

您好，感谢您的回复！我已经按照你说的做了，但是在“供应商”和其他文件夹前面添加了 / 之后，该网站在离线版本中没有正确显示（所以我猜它在在线版本中也不起作用？）
我希望您本地的根目录与网站的根目录有很大不同。要使路径对双方都有效，您需要使用相对于该文件的路径而不是根目录。为此，也许服务器上的文件夹结构的屏幕截图可以帮助我们。
感谢您的支持，我决定重新上传所有文件，现在它可以工作了。可能有些内容没有正确上传！