是否可以将所有脚本和 CSS 嵌入到 Next.js 中呈现的页面中？

【问题标题】：Is it possible to embed all scripts and CSS into the rendered page in Next.js?是否可以将所有脚本和 CSS 嵌入到 Next.js 中呈现的页面中？
【发布时间】：2020-07-30 18:55:59
【问题描述】：

使用自定义 Next.js 服务器，我有一个专门生成的特定页面，可以嵌入到另一个页面中。但是，我发现某些浏览器（Safari 和 Brave）会过分热衷于阻止并阻止来自该服务器域的脚本或样式表。从理论上讲，我觉得为这个单一页面提供服务会更简单，它的所有资源都嵌入到页面中，不需要进一步的请求。但是，我不确定如何在 Next.js 中完成此操作。

如何在 Next.js 中呈现页面并直接在 HTML 中呈现其所有脚本和样式表？有可能吗？

【问题讨论】：

    标签： reactjs next.js


    【解决方案1】：

    您可以尝试以下方法：

    1. 仅为该页面创建顶级布局组件
    2. 如果它是唯一具有这种特殊布局的页面，您可能需要在 nextjs _app.js 文件中添加一些逻辑来检查路由，然后仅在某些情况下使用您的特殊布局包装页面组件
    3. 在布局文件中使用import Head from 'next/head'，然后添加 一个<Head>...</Head> jsx 组件到你的布局，在 哪一个 您可以填充典型的头部标签，如链接、元和脚本标签。 您的脚本可以参考这里。

    【讨论】：

      猜你喜欢
      • 1970-01-01
      • 2022-01-02
      • 2021-07-29
      • 2019-12-14
      • 1970-01-01
      • 1970-01-01
      • 2022-11-14
      • 2013-07-06
      • 2011-04-06
      相关资源
      最近更新 更多
      热门标签
      Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode