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

Question

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

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>

这里是 "body".

末尾的一些脚本

<!-- 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>

谢谢

Answer 1

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

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

Answer 2

我敢打赌，如果您在所有本地路径前加一个斜杠 /，事情就会神奇地为您效劳。

解释：

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

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

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

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

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

Failed to load resource (Not Found) (Internal Server Error) after uploading website on server

html

css

console

upload