当我用astro run devastro preview运行Astro网站时,它运行得很好,但当我运行Astro Build并将输出(dist文件夹)放到我的网站上时,我最终得到了很好的网站,但css不在那里.Css显示在dist文件夹中,并且文件路径正确.

还有一个人在Stackoverflow上问了类似的问题.他们的解决方案是将网站上传到网络服务器上,而不是双击.这就是我所做的,但它仍然不起作用.

this is what its supposed to look like: enter image description here

but this is what it looks like on the server(thel1ama.com/dist) enter image description here

推荐答案

当运行astro build时,它将生成的站点内容放入dist/目录(默认情况下).

看起来不是上传dist/中的contents,而是上传目录本身,使所有内容都在https://thel1ama.com/dist/而不是https://thel1ama.com/可用.

这意味着当试图从例如/_astro/some.css加载css时,它加载https://thel1ama.com/_astro/some.css,但实际的文件在https://thel1ama.com/dist/_astro/some.css,并且找不到.

您可能想要的修复方法是确保将dist/内的所有文件和文件夹上传到您的Web主机根目录.

Css相关问答推荐

悬停时可展开的按钮与屏幕右侧对齐,如何保持未悬停的按钮正确对齐?

VueJS3+Vutify中缺少一些CSS类

如何为多个背景和棋盘设置不同的大小

在AND设计令牌上使用不同的主题

如何使shiny 的showNotification可滚动?

为什么删除 AnimatePresence framer.div 时会出现轻微卡顿?

动态覆盖 Vuetify 类

Img 未拉伸以满足所需的纵横比

为什么左浮动上的清除:左也会影响右浮动,以及如何避免它

当页面大小小于VH时,Tailwind CSS如何使页脚留在底部

CSS 媒体查询不为桌面版的圣杯响应式布局包装 Flexbox 容器元素

Ant Design:将位置子菜单移动到屏幕顶部

如何将数据从样式化组件发送到函数?

页脚上方的图像分隔线使用 ::before 伪元素

您如何设置 Google Places Autocomplete API 的下拉菜单样式?

在表格中使用自动换行:断词

边界半径应该剪辑内容吗?

定位背景图片,添加内边距

Select 器.class.class和.class.class有什么区别?

CSS 块格式化上下文是如何工作的?