Nuxt.js是一个用于创建Vue.js应用程序的框架,您可以选择Universal,Static Generated或Single Page应用程序(受Next.js启发)
我正在使用 Vue3 和 Nuxt。我想初始化一个空的对象数组,然后设置它。 让结果= ref([]); 结果.值 = [ { “名称”:输入.va...
在 Linux docker 镜像中构建时 Nuxt 构建挂起
我正在尝试构建我的 Nuxt3 应用程序的 docker 映像。在为我的本地平台(macOS)构建时,这工作得很好,但是当我使用 --platform linux/amd64 构建我的 docker 映像时,它会无限期挂起......
“asyncDataDefaults”未由“virtual:nuxt
在 netlify 上运行我的 vue 项目并在 pnpm run build 命令期间出现以下错误:错误“asyncDataDefaults”未由“virtual:nuxt:C:/Users/VasilisKara... 导出”
我有一个基于 Nuxt/vuejs 构建的表单。在 django 的后端,启用了 CSRF 保护,现在需要 Api 中的两件事调用 X-CSRFToken 作为 header 和 csrftoken 作为 Cookie ,我...
我正在构建一个 Nuxt 应用程序,其布局由 3/4 主要内容和 1/4 侧边栏导航组成,该导航使用根据当前路线扩展的选项卡。 我的目标是本质上有两个 router-vi...
Leaflet l-marker-cluster 在集群更改时关闭打开的弹出窗口
问题:当用户打开标记弹出窗口时,有时需要缩小,以便用户可以看到地图的更大部分。一旦选定的标记被添加到一个或多个群集中,就会...
在 Nuxt 2 上安装 vueuse 当您尝试 npm run dev 时会出现错误“command not found”
他们的指南概述了这些步骤 第 1 步:安装 vueuse core 和 vueuse nuxt 包 npm i -D u/vueuse/nuxt u/vueuse/core 步骤2:修改nuxt.config.js,在buildModules '@vueus...
我希望 useAsyncData 在路由查询更改时重新启动 我在我的脚本设置中尝试过这个 常量路由 = useRoute() 等待 useAsyncData( '产品', () => { // 一些代码 }, {
在 Vue 3 中使用 v-bind 将计算属性传递给 css url()
我尝试使用 v-bind 与 Vue 3 和 Nuxt 将计算的属性值传递给 css 中的 url(): 我尝试使用 v-bind 与 Vue 3 和 Nuxt 将计算的属性值传递给 css 中的 url(): <template> <div class="box-container"></div> </template> <script lang="ts" setup> const props = defineProps ( { maskImage: { type: String, default: ''}, width: { type: Number, default: 100 } }) const width = computed(()=> props.width + 'px') const maskImage = computed(() => `assets/sprite/svg/${props.maskImage}.svg`) </script> <style lang="sass" scoped> .box-container background-color: blue width: v-bind(width) -webkit-mask-image: url(v-bind(maskImage)) -webkit-mask-position: center -webkit-mask-repeat: no-repeat </style> 使用此代码,计算出的宽度可以正常工作,但掩码网址却不能。在检查器中,我可以看到掩码图像中设置了一种哈希值:-webkit-mask-image: url(var(--20ff1bb8-maskImage)) 如何以正确的方式传递值? 用url()制作css变量,需要在定义时指定这个函数: const maskImage = computed(() => 'url(https://mdn.github.io/css-examples/masking/star.svg)'); Vue SFC 游乐场
我在 .env 文件中定义了 API URL,如下所示 const isProdEnv = process.env.NODE_ENV === '生产' const DEV_API_URL = "https://example-stage.herokuapp.com/v1/" 常量 PROD_API_URL = &
有人能够将 Nuxt 3 部署到启用了 SSR 的 AWS Amplify 或 Lambda 中吗?
最近,我一直忙于将支持 SSR 的 nuxt 3 应用程序部署到 AWS Amplify 中。显然他们也提到他们支持 nuxt 和下一个带有 SSR 支持的部署......
由于 Nuxt 3 中众多文件夹的不同用途,我面临着困惑。我想在 JavaScript 文件中存储一个简单的食物列表数组并将其导出,但我不确定合适的
我最近将旧的 nuxtjs 项目从 1.4.5 更新到 2.12.0,这样我就可以利用公共和私有运行时配置。一切似乎都正常,直到它尝试完成构建
Nuxt.js - 在组件的故事中使用插件 - Storybook
如何创建使用 nuxt 插件的组件故事? 假设我想在模板中使用 nuxt 插件。 {{ $somePlugin('text') }} 如何创建使用 nuxt 插件的组件故事? 假设我想在模板中使用 nuxt 插件。 <template> <div> {{ $somePlugin('text') }} </div> </template> 插件在 nuxt.config.js 中声明,并且需要外部库: import externalLibrary from 'ext'; export default (context, inject) => { inject('somePlugin', (content) => { return externalLibrary(content); }); }; 最终出现类型错误_vm.$somePlugin is not a function。 我该如何将其提供给 Storybook? 我正在使用@nuxtjs/storybook版本4.3.2 我发现故事书需要将插件声明为字符串。 // nuxt.config.js plugins: ['~/plugin.js'] <- works plugins: [{ src: '~/plugin.js', mode: 'client', },] <- won't work
我正在努力寻找一种在 Nuxt 3 中获取页面标题并在布局中重用它的方法。我很确定有一种方法可以通过一些元对象来做到这一点,但我就是找不到它。 我尝试通过...
Linkedin 明信片:在本地主机上成功获取 og:image(通过 ngrok),但在远程开发服务器上获取错误的图像(在站点内容内)
我正在尝试在 linkedin 明信片上显示正确的图像。开发服务器和我的本地计算机(我使用 ngrok 代理)上的源代码是相同的,页面源代码也呈现相同的...
在构建像 Next/Nuxt 这样的复杂应用程序时,有没有办法使用 *.localhost 作为 docker 的主机名
所以我尝试使用 *.localhost 格式(例如 front.localhost 和 sdk.localhost)设置 Docker 环境,浏览器会自动将其识别为指向 127.0.0.1 和 ...
我正在 Nuxt 3 中开发一个多租户应用程序,其中大多数路由都以其组织的引用为前缀。例如: /abc-org/问题 /abc-org/设置 /foo-co/问题 /foo-co/设置...
Nuxt3项目,在所有组件中使用脚本设置。 我有一个卡组件,它处理它自己的数据库删除和删除的挂起状态。下面是删除按钮,处于pendingDelete状态...
我有一个 Vue.js 项目 (Nuxt.js),我使用 Vuetify 作为 UI。 对于 e2e 测试,我使用 Cypress。 以下是我在 Cypress 中的测试场景: 我在为页面创建测试时遇到问题,我...