nuxt.js 相关问题

Nuxt.js是一个用于创建Vue.js应用程序的框架,您可以选择Universal,Static Generated或Single Page应用程序(受Next.js启发)

Tailwind 断点未正确应用

我已经使用 tailwind 和 scss 构建了一个列系统(我也在使用 Nuxt 3)。我想在每列之间添加间隙,为此我在子元素的右侧添加边距。当我...

回答 1 投票 0

左侧导航菜单上部隐藏

当滚动到页面最底部时,左侧导航菜单的顶部会被隐藏。 滚动前的图像如下所示: 滚动后的效果如下图: 我不确定...

回答 1 投票 0

将 Chart.js 包含在 Nuxt 3.4 中的正确方法是什么?

有一些教程(例如 https://medium.com/geekculture/chart-js-in-nuxt-js-how-to-implement-c255a2657b02)展示了如何将 Chart.js 与早期版本集成Nuxt 3 或 e 版本...

回答 1 投票 0

如何从 Nuxt 3 脚本访问 Markdown Front Matter 属性

比方说,我已经构建了一个文档驱动的 Nuxt Content 项目。有一个 markdown 内容文件 /content/about.md ,其内容如下: --- 标题:关于我 状态:完成 布局:页面 --- ##

回答 1 投票 0

如何将 prop 从页面传递到布局

我目前有重复的布局,唯一的区别是我传递给组件的道具: 默认.vue ... 我目前有重复的布局,唯一的区别是我传递给组件的道具: 默认.vue <template> <div class="page"> <SkipToContent /> <Header /> <Nuxt /> <Footer /> </div> </template> 前端.vue <template> <div class="page"> <SkipToContent /> <Header light="true" /> <Nuxt /> <Footer /> </div> </template> 有什么方法可以将 light: true 从页面传递到布局,以便我只能使用 default.vue 布局吗? 我知道我可以在已安装的情况下发出一些事件,但想防止为此使用生命周期挂钩 从子级向上传递数据理想情况下是通过发出事件完成的,并且您不需要为此使用生命周期挂钩(自定义事件侦听器就可以了)。 但我认为更干净的解决方案是将通用标记分解到接收 light 属性的组件中,并在两种布局中使用它们: <!-- components/CommonLayout.vue --> <template> <div class="page"> <SkipToContent /> <Header :light="light" /> <Nuxt /> <Footer /> </div> </template> <script> export default { props: { light: Boolean, } } </script> <!-- layouts/default.vue --> <template> <CommonLayout /> </template> <!-- layouts/front.vue --> <template> <CommonLayout light /> </template> 演示

回答 1 投票 0

在 Nuxt auth-module 中设置令牌

我正在使用 Nuxt auth-module 进行开发。登录 API 返回以下结构的数据: 数据:{ 数据:{ 用户:{ 简介: 空 创建于:“2021-06-29T12:28:42.442Z” 嗯...

回答 1 投票 0

我无法实现vue-social-sharing

我正在尝试使用 vue-social-sharing 但出现此错误 [nuxt] 应用程序初始化期间捕获错误 TypeError: 无法设置未定义的属性(设置 '$SocialSharing') 我的插件/socialSha...

回答 1 投票 0

如何更改 Nuxt 3 $fetch 超时限制 30 秒

Nuxt 3 $fetch 函数似乎有 30 秒超时,我找不到延长它的方法。有没有办法延长超时限制? 例子: // 服务器/api/render.ts ... 变种

回答 1 投票 0

使用开槽组件时的 Nuxt/Vue 水合问题

我有一个新的 nuxt 项目,我遇到了一些奇怪的水合作用问题。我尝试尽可能地隔离问题来进行演示(见图)。 仅发生水合作用错误

回答 1 投票 0

Laravel PUT/PATCH 返回 302 Found 并重定向到前端 URL

1.) 在 api.php 中有一个 Laravel 路由: 路线::group(['前缀' => '管理'], function() { 路线::group(['前缀' => '图像'], function() { 路线::put('/{image}', [\App\Http\

回答 1 投票 0

如何修复 Nuxt 3 中第 3 方 API 调用的 CORS 错误?

我正在使用 Nuxt 3 使用 useFetch 钩子来调用 API。当我使用 useFetch 挂钩调用第 3 方 API 帖子 https://apitest.bankfeeds.com.au/v1/customer/data 时,它返回 CORS 错误 CORS Missing

回答 1 投票 0

Nuxt:如果文档已准备好(所有CSS已加载),我如何调用方法

我需要在文档准备好后调用该函数,因为我需要访问css类点。 安装 () { $(this).ready(函数() { this.methods.addSlick() }) }, 方法: { ...

回答 2 投票 0

Nuxt Security:修复丢失的标头

如何在Nuxt网站中设置以下标题? 严格的运输安全 内容安全政策 X 框架选项 X-内容类型选项 推荐人政策 权限-策略

回答 2 投票 0

如何在nuxt.js中实现robots.txt

我看过不同的文档,但我仍然不清楚robots.txt是放在服务器的根目录中还是放在代码本身的根目录中。 我想知道它是如何实现的...

回答 1 投票 0

Nuxt、DjangoAPI - 调用返回 CORS 错误

我想用 Nuxt 和 Django API 构建我的第一个网站。 有人可以解释一下为什么“submit()”函数有效但“update_labels()”函数返回 CORS Err...

回答 1 投票 0

从 cookie 获取访问令牌并将其保存在 Nuxt3 中的存储中的最佳方法是什么?

当应用程序启动时,我想从 cookie 获取访问令牌,然后将其保存在商店中。我用的是皮尼亚。 在什么地方可以办理?

回答 1 投票 0

如何使用Nuxt为不同的API服务器设置代理?

所以我有2个应用程序: Adonis API 服务器可通过 http://10.10.120.4:3333 访问 使用 Nuxt.js 的 SSR 应用程序可通过 http://10.10.120.4:80 访问 Nuxt.js 应用程序可以使用 url 外部访问...

回答 2 投票 0

如何将 DOMPurify 包与 NuxtJS 一起使用?错误:“default.a.sanitize 不是函数”

我正在尝试在 NuxtJS 应用程序中使用 DOMPurify 包将 HTML 解析为干净且安全的字符串,以便在 UI 中呈现。当渲染使用包的页面时,我得到以下内容

回答 2 投票 0

Virtual Studio Code 开始在 Vue 引用中抛出 .value 错误

常量标题 = ref('') 标题.值 = '测试' // 错误: // 属性“value”在类型“Ref”上不存在。ts(2339) 昨天一切正常,今天打开 VSC 后我得到这样的信息......

回答 1 投票 0

如何实现robots.txt

我看过不同的文档,但我仍然不清楚robots.txt是放在服务器的根目录中还是放在代码本身的根目录中。 我想知道它是如何实现的...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.