关键词：
【中文标题】Nuxt.js 的 s-s-r 兼容组件库【英文标题】：s-s-r compatible Components Library for Nuxt.js 【发布时间】：2021-03-02 00:08:23 【问题描述】：我是一名后端工程师，我已经开发了几个月的副项目，现在是时候创建前端了。我不太精通前端的东西，做前端开发对我来说压力很大，所以我决定拿起 Nuxt 并尽快做这件事（我也喜欢 s-s-r）。
我现在面临的问题是我为 Vue/Nuxt 找到的大多数组件库都与 s-s-r 不兼容，所以为了让它们在我的项目中工作，我必须将插件声明为“客户端”并包装他们在<client-only> 标签上提供的预制组件。
我找不到支持 Nuxt 的 s-s-r 的库，最接近的是 Vuetify，它声称支持 s-s-r，但我正在寻找更基本、更轻量级的东西。
Nuxt 有类似的东西吗？
谢谢！
PD：我正在使用 Nuxt + TailwindCSS
【问题讨论】：
【参考方案1】：我建议使用 nuxt-cli (create-nuxt-app)，这样在完成安装过程时，您将确信您始终拥有与您的 nuxt 安装兼容并自动预配置的插件和插件，例如当你一起去的那一刻：
npx create-nuxt-app <project-name>
您将在 UI 框架下获得以下选项可供选择：
Ant Design Vue 引导 Vue 布菲 布尔玛 脉轮用户界面 元素 Framevuerk iView 超光速粒子 顺风 CSS Vuesax Vuetify.js你喜欢哪个
【讨论】：
为 Nuxt.js 编写客户端 API 库
...用”。我正在编写一个由外部API(ExpressJS)提供支持的Nuxt.jss-s-rWeb应用程序。API负责身份验证（通过nuxt-auth-JWT）和检索用户数据等。据我了解，s-s-r代 查看详情
带有 Firebase 的 Nuxt.js s-s-r - ReferenceError：未定义导航器
】带有Firebase的Nuxt.jss-s-r-ReferenceError：未定义导航器【英文标题】：Nuxt.jss-s-rwithfirebase-ReferenceError:navigatorisnotdefined【发布时间】：2021-04-2401:05:33【问题描述】：我使用Nuxt(s-s-r)和firebase（firestore和托管）制作了一个简单的网络应... 查看详情
如何仅关闭 Nuxt.js 中某些页面的 s-s-r 以将它们用作 SPA 应用程序？
】如何仅关闭Nuxt.js中某些页面的s-s-r以将它们用作SPA应用程序？【英文标题】：HowcanIturnoffs-s-rforonlycertainpagesinNuxt.jstousethemasSPAapplication?【发布时间】：2019-06-2514:59:15【问题描述】：我想使用Nuxt.js开发一个应用程序，该应用程序... 查看详情
从组件库导入的组件样式在 s-s-r 期间未应用
】从组件库导入的组件样式在s-s-r期间未应用【英文标题】：Stylesofcomponentimportedfromcomponentlibrarynotapplieddurings-s-r【发布时间】：2021-12-2111:19:38【问题描述】：我遇到了一个问题，即从与webpack5捆绑的组件库中导入的组件样式在s-s-r... 查看详情
如何使用部分静态的预渲染页面制作 Nuxt.js s-s-r
】如何使用部分静态的预渲染页面制作Nuxt.jss-s-r【英文标题】：HowtomakeNuxt.jss-s-rwithpartiallystaticpre-renderingpages【发布时间】：2021-11-1621:37:57【问题描述】：有很多关于Nuxts-s-r或完全静态的信息，但我找不到任何指导如何构建与静... 查看详情
带有集成 REST API 后端的 s-s-r Nuxt.js
】带有集成RESTAPI后端的s-s-rNuxt.js【英文标题】：s-s-rNuxt.jswithintegretedRESTAPIbackend【发布时间】：2020-08-1822:47:20【问题描述】：我正在开发一个带有集成RESTAPI服务器的s-s-rNuxt.js应用程序。为此，我在Nuxtserver.js代码中添加了我的/api... 查看详情
使用 s-s-r 和 Amplify 在 Nuxt.js 中间件中出现“未通过身份验证”错误
】使用s-s-r和Amplify在Nuxt.js中间件中出现“未通过身份验证”错误【英文标题】：Getting"notauthenticated"ErrorinNuxt.jsmiddlewarewiths-s-randAmplify【发布时间】：2021-03-0607:30:55【问题描述】：我想创建一个Nuxt.js中间件来检查用户是否... 查看详情
使用 nuxt s-s-r 页面加载非常缓慢
】使用nuxts-s-r页面加载非常缓慢【英文标题】：Pageloadsveryslowlywithnuxts-s-r【发布时间】：2021-04-1123:45:45【问题描述】：我的项目将nuxt.js与Firebase结合使用。我使用nuxt/Firebase包。我有很多页面使用asyncData或fetch从Firebase数据库和存... 查看详情
Nuxt.js 自定义加载器不会立即加载
...后它在这里加载是我的网站，我的目标是加载我的自定义组件。PS当我将s-s-r更改为false时它可以工作这是我的网站：https://micahkwaka.devexportdefaultload 查看详情
如何在 laravel 应用程序中为单个 vue 组件实现 s-s-r？
】如何在laravel应用程序中为单个vue组件实现s-s-r？【英文标题】：Howtoimplements-s-rforsinglevuecomponentinsideoflaravelapplication?【发布时间】：2019-08-0116:38:59【问题描述】：我正在做一个laravel项目。vue组件很多，由于SEO需要做s-s-r。我不... 查看详情
在 Nuxt.js 中检测服务器端渲染
...我的一个页面中，我需要检测它是否是用于切换其中一个组件的s-s-r。创建iss-s-r标志的可能方法有哪些？【问题讨论】：@stomwerk您可以将ISO放在外部USB或LiveUSB上。我刚刚 查看详情
在 nuxt.js s-s-r 中，我使用 laravel sactum 创建了身份验证系统，我面临重定向错误
】在nuxt.jss-s-r中，我使用laravelsactum创建了身份验证系统，我面临重定向错误【英文标题】：innuxt.jss-s-riwascreatedauthenticationsystemusinglaravelsactumimfacingredirectingerror【发布时间】：2021-08-0112:16:56【问题描述】：nuxt.js我使用Laravelsanctum... 查看详情
leafage诞生记（二nuxt.js如何在组件和页面请求数据）
...赖，再开发中，需要一些第三方的库来支持，比如样式/组件库。在开发Leafage网站的过程中，我试用过viewui(原来叫iview)、element-ui、antdesignvue、vuetify这几个组件库，但是约 查看详情
Vue-cli 3组件库支持s-s-r
】Vue-cli3组件库支持s-s-r【英文标题】：Vue-cli3componentlibrarytosupports-s-r【发布时间】：2020-04-0610:51:31【问题描述】：我正在创建一个我想跨多个域共享的自定义组件库。域：每个域都有自己的nuxt实例每个域都有my-component-lib注册在p... 查看详情
使用构建文件在 Azure 上启动 Nuxt s-s-r 应用
】使用构建文件在Azure上启动Nuxts-s-r应用【英文标题】：StartingNuxts-s-rapponAzureusingthebuildfiles【发布时间】：2021-07-1503:48:58【问题描述】：基于thisNuxtdocspage，一旦我运行yarnbuild，然后“Nuxt.js将创建一个.nuxt目录，其中所有内容都准... 查看详情
Nuxt.js + Bootstrap-Vue - 加载单个组件和指令
】Nuxt.js+Bootstrap-Vue-加载单个组件和指令【英文标题】：Nuxt.js+Bootstrap-Vue-Individualcomponentsanddirectivesloading【发布时间】：2018-12-1711:16:25【问题描述】：我正在努力将Bootstrap-Vue库集成到我的基于Nuxt.js的项目中。我通读了officialdocument... 查看详情
将 Nuxt JS s-s-r 应用程序部署到 Google Cloud App Engine 标准
】将NuxtJSs-s-r应用程序部署到GoogleCloudAppEngine标准【英文标题】：DeployingNuxtJSs-s-rapptoGoogleCloudAppEngineStandard【发布时间】：2021-09-2320:22:05【问题描述】：我无法将我的NuxtJSs-s-r应用部署到GoogleCloudAppEngine。该应用可以在开发和生产... 查看详情
从直接链接导航时，Nuxt.js `this.$route.params.id` 未定义
...我遇到了一个奇怪的问题，我正在使用nuxtfetch()获取页面组件中的数据，这在我在nu 查看详情