问题标签 [nuxt-edge]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2188 浏览

nuxt.js - 在 nuxt-edge (Nuxt 2) 中定义全局中间件的热点

单页或布局上的中间件属性按预期工作。

但是当我尝试为每个页面定义中间件时,nuxt.config.js中间件不会被执行。使用

0 投票
2 回答
4395 浏览

webpack - 如何在 Nuxt 中使用 webpack 开发代理

使用Nuxt开发通用 JS 应用程序,我正在尝试配置webpack 的开发代理,以便仅在开发中,请求/api被代理到http://127.0.0.1:500/api他们将到达 Python REST API 的位置。按照 Nuxt 文档,我扩展了 webpack 配置nuxt.config.js如下所示:

如果我记录配置,我会看到正在应用更改:

然而,当我访问http://127.0.0.1:8080/api/things时,我的 Nuxt 应用程序被返回(它在 dev 的 8080 端口上运行),表明 webpack dev 代理没有捕获/api路径并执行代理。只是为了确认代理目的地正在工作,如果我访问http://127.0.0.1:5000/api/things,我会得到预期的 API 响应。为什么,当我扩展 Nuxt webpack 配置以启用 webpack dev 代理时,代理不起作用?

然而,我在@nuxt/proxy模块上取得了成功,但至关重要的是,我找不到一种方法让它只影响开发而不影响生产。那部分nuxt.config.js看起来像这样:

我很高兴使用@nuxt/proxy 模块而不是(在上面?)webpack 开发代理,如果它只能在开发中工作的话。

0 投票
2 回答
1087 浏览

vuejs2 - 为什么在站点加载时多次调用 nuxtServerInit

我正在开发++nuxt-edge项目,并且在商店的方法中我只在控制台中记录一条消息。当网站重新加载时,消息会被打印多次。这似乎只发生在模式中。auth.nuxtvuexnuxtServerInitdev

0 投票
2 回答
1052 浏览

vue.js - 在 Nuxt.js 中每条路由的末尾添加一个 slask /

出于 SEO 的目的,我被要求在我的 nuxt 项目的每条路线的末尾添加一个斜杠。例如 myapp.com/company 应该是 myapp.com/company/ 在 Nuxt 中是否有一种干净的方法可以做到这一点?

0 投票
4 回答
21460 浏览

nuxt.js - 如何将 polyfill 添加到 nuxt 2.0?

在 Nuxt1.4.2中,我的nuxt.config.js:

似乎所有这一切都在 Nuxt 中被打破了2.0。至少我正在寻找足以让 IE 11 工作的 polyfill。这是我尝试过的:

像以前一样使用供应商

删除build.babel允许构建过程工作:

但我认为 build.vendor现在只是被忽略了,所以这似乎无济于事。

使用 polyfill.io

我尝试添加:

我的head,连同:

禁用preload提示(我不确定这是否重要)。这会产生一个看起来正确的页面 -polyfill.min.js在所有其他脚本之前加载。不知何故,当我在 ie11 上测试时,Object.entries未定义并且页面爆炸了。

0 投票
2 回答
766 浏览

vue.js - 升级到 Nuxt 2 后,每个页面的样式都会加载到主页上

升级到 Nuxt.js 2 后,我注意到主页加载时加载了大约 30 个 CSS 文件。当我检查 Google Pagespeed Insights 并看到大约 30 个“阻塞 CSS 资源”时,我实际上注意到了这一点。

是否有任何延迟加载它们的设置或类似的东西?

0 投票
2 回答
7922 浏览

javascript - 如何使用 Nuxt 2 转换 node_modules 中的依赖项?

我已经阅读了使用 Nuxt 进行编译的问题node_modules,但据说新的 Nuxt 2 已经通过文件transpile中的选项解决了这个问题nuxt.config.js

https://nuxtjs.org/api/configuration-build/#transpile

这是我所拥有的:

我删除了一些不相关的内容以使其更易于阅读。

当我运行npm run build( )时nuxt build,编译的 JS 文件包含对 es6 和 es7 代码的引用,例如const等。letvar

我已将此问题隔离为来自Swiper。它似乎在内部依赖于似乎导致问题的称为 Dom7 的东西。

如果可能,我想将这些node_modules依赖项编译为 es5。我不确定我当前的设置在这方面实际上是否在做任何事情。

我相信 Nuxtvue-app用于 Babel,但我什至尝试以下方法均未成功:

那里也没有太多的快乐。在最终构建中没有什么不同。

我正在使用 Nuxt2.1.0

任何帮助表示赞赏。谢谢!

0 投票
1 回答
1345 浏览

nginx - Nuxt.js Universal 项目的 nginx 服务器配置到底应该是什么?

使用 Nginx 在 Ubuntu 上部署我的 nuxt.js 项目时遇到了很大的麻烦;

所以也许有人可以帮助我解决我的问题)

我将在下面描述围绕此问题的所有内容:

我的 nuxt.conf 构建部分

我的 nginx 配置

然后我在 ssh 中运行这个命令

现在服务器正在监听 localhost:3000,正如我在 package.json 中所写

毕竟,当我打开我的网站时,我在控制台中遇到了 500 错误。 服务器错误

nginx 错误日志

所以现在我不知道这有什么问题。请帮帮我。

0 投票
1 回答
97 浏览

typescript - 类型“{toggle():void}”上不存在属性“x”

我对打字稿很陌生。现在,我已经设置了 nuxt(bridge with typescript) 应用程序并创建了一个名为 menuIcon 的组件;

它在浏览器中运行,但我在终端中看到以下错误。

显然这是关于打字的事情,但我不知道如何解决它。我非常感谢任何人向我阐明这些问题。提前致谢。