问题标签 [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.
nuxt.js - 在 nuxt-edge (Nuxt 2) 中定义全局中间件的热点
单页或布局上的中间件属性按预期工作。
但是当我尝试为每个页面定义中间件时,nuxt.config.js
中间件不会被执行。使用
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 开发代理,如果它只能在开发中工作的话。
vuejs2 - 为什么在站点加载时多次调用 nuxtServerInit
我正在开发++nuxt-edge
项目,并且在商店的方法中我只在控制台中记录一条消息。当网站重新加载时,消息会被打印多次。这似乎只发生在模式中。auth.nuxt
vuex
nuxtServerInit
dev
vue.js - 在 Nuxt.js 中每条路由的末尾添加一个 slask /
出于 SEO 的目的,我被要求在我的 nuxt 项目的每条路线的末尾添加一个斜杠。例如 myapp.com/company 应该是 myapp.com/company/ 在 Nuxt 中是否有一种干净的方法可以做到这一点?
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
未定义并且页面爆炸了。
vue.js - 升级到 Nuxt 2 后,每个页面的样式都会加载到主页上
升级到 Nuxt.js 2 后,我注意到主页加载时加载了大约 30 个 CSS 文件。当我检查 Google Pagespeed Insights 并看到大约 30 个“阻塞 CSS 资源”时,我实际上注意到了这一点。
是否有任何延迟加载它们的设置或类似的东西?
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
等。let
var
我已将此问题隔离为来自Swiper。它似乎在内部依赖于似乎导致问题的称为 Dom7 的东西。
如果可能,我想将这些node_modules
依赖项编译为 es5。我不确定我当前的设置在这方面实际上是否在做任何事情。
我相信 Nuxtvue-app
用于 Babel,但我什至尝试以下方法均未成功:
那里也没有太多的快乐。在最终构建中没有什么不同。
我正在使用 Nuxt2.1.0
任何帮助表示赞赏。谢谢!
nginx - Nuxt.js Universal 项目的 nginx 服务器配置到底应该是什么?
使用 Nginx 在 Ubuntu 上部署我的 nuxt.js 项目时遇到了很大的麻烦;
所以也许有人可以帮助我解决我的问题)
我将在下面描述围绕此问题的所有内容:
然后我在 ssh 中运行这个命令
现在服务器正在监听 localhost:3000,正如我在 package.json 中所写
毕竟,当我打开我的网站时,我在控制台中遇到了 500 错误。 服务器错误
nginx 错误日志
所以现在我不知道这有什么问题。请帮帮我。
typescript - 类型“{toggle():void}”上不存在属性“x”
我对打字稿很陌生。现在,我已经设置了 nuxt(bridge with typescript) 应用程序并创建了一个名为 menuIcon 的组件;
它在浏览器中运行,但我在终端中看到以下错误。
显然这是关于打字的事情,但我不知道如何解决它。我非常感谢任何人向我阐明这些问题。提前致谢。