【问题标题】:Web page being displayed as plain text instead of html网页显示为纯文本而不是 html
【发布时间】:2019-12-26 05:54:31
【问题描述】:

我有一个使用 Netlify 部署的 Vuepress 站点。如果我从 URL 栏导航到“mydomain.com”,它会呈现正常。

但是,如果我从 URL 栏导航到不同的页面,例如“mydomain.com/about”,它会将页面的源代码显示为纯文本。这只发生在生产环境中。

我尝试过的

我尝试按照 Netlify 对 SPA 的建议设置 Netlify 重定向,但没有奏效。

根据Netlify's instructions,我尝试为/* 路由设置Content-Type: text/html 标头。然后页面呈现为 html,但 CSS 没有被呈现。

这让我相信标题可能不是原始问题的原因。

在 Vuepress 中,我使用 vuepress-plugin-clean-urls 以及 Netlify 中的“Clean Urls”设置。

构建文件夹

我确实注意到在 build 文件夹中,唯一的 HTML 文件是 index.html,而我的其他页面只是“文件”,没有扩展名

源文件夹

我的源文件夹有一个 readme.md 文件,根据 Vuepress 对索引页面的要求,about.md 文件存在于它旁边。

【问题讨论】:

    标签: html netlify vuepress


    【解决方案1】:

    你自己解决了这个问题。您必须将文件制作成 HTML 文件

    【讨论】:

    • 但是 CSS 没有渲染,所以看起来好像还有别的东西..
    • @slanden 尝试删除 Content-Type: text/html,因为它们是 HTML 文件。另外,请确保您正确导入了 CSS
    • 它们不是 html,它们是没有扩展名的文件,Content-Type: text/html 只是将它们呈现为 html。我想知道该文件是否比从一开始就是一个 html 文件的渲染时间晚,并且可能由于“周期”已经过去,CSS 虽然已获取,但未加载。虽然,可能不是因为重新加载页面并不能解决问题。
    猜你喜欢
    • 2021-05-23
    • 1970-01-01
    • 1970-01-01
    • 2016-07-23
    • 1970-01-01
    • 2021-05-17
    • 2015-07-10
    • 2015-10-20
    • 2011-07-08
    相关资源
    最近更新 更多