为什么 css 只加载到本地服务器而不是实际的网站？

而不是实际的网站？"/>

为什么 css 只加载到本地服务器而不是实际的网站？

我在尝试加载我的 css 文件时遇到了很多麻烦。每次我托管本地服务器并访问我的网站时，它都运行良好。但是，当我使用 cpanel 上传我的网站并尝试访问该网站时，html 加载但 css 没有。此外，当我检查页面并转到源代码时，css 文件为空白，并且出现错误“无法加载资源：‘styles.css’，服务器响应状态为 404 ()”。我很困惑请帮忙

下面是我的CSS ''''''''''''''''''''''''''''''''''''''''''''''

<link rel="stylesheet" href="css/styles.css"> 

''''''''''''''''''''''''''''''''''''''''''''''

下面是我的 app.js，它使用 node.js // 请记住我有一个包含 css 文件夹的公共文件 '''''''''''''''''''''''''''''''''''''''''''''''' '''''

const express = require('express')
const bodyParser = require('body-parser')
const path = require('path')
// var request = require('superagent')

const app = express()
app.use(express.static('public'))
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))

app.use('/public', express.static('css/styles.css'))
app.get('/', function (req, res) {
  res.sendFile('/index.html', { root: __dirname })
})

app.listen(3000, function () {
  console.log('Server is running on port 3000')
})

''''''''''''''''''''''''''''''''''''''''''''''' ''''''''''''''

所以你使用的是 cpanel，所以不能直接访问你的 css 文件夹

所以转到您的 cpanel 顶部相同的 styles.css 的完整路径复制该路径并添加到
@

<link rel="stylesheet" href="css/styles.css"> 

替换为

<link rel="stylesheet" href="/yourfolder-path/css/styles.css"> 

解决方案 2 在公共 html 中获取父目录，但它仅适用于网络服务器配置

<link rel="stylesheet" href="../css/styles.css">