小编kis*_*ssu的帖子

Nuxt JS 中的路由更改时页面不会滚动到顶部

当 Nuxt 的路线发生变化时,我总是尝试转到页面顶部。

所以我把它放入我的app/router.scrollBehavior.js文件中:

export default function (to, from, savedPosition) {
  return { x: 0, y: 0 }
}
Run Code Online (Sandbox Code Playgroud)

但它总是返回到最后保存的位置(null顺便说一下,它总是在我的控制台中)。

知道我在这里会错过什么吗?

scroll vue.js nuxt.js

4
推荐指数
2
解决办法
1万
查看次数

使用 nuxt.js 组件自动导入是否会降低性能?

我在我的项目中使用 Nuxt.js v2。现在,我通过在文件中设置启用了nuxt.js 自动导入组件。我想知道使用组件自动导入是否会对我的网站在生产中的性能产生负面影响? 我应该像在 vue.js 中那样手动导入组件吗?components: truenuxt.config.js

vue.js vuejs2 nuxt.js

4
推荐指数
1
解决办法
1674
查看次数

在 Nuxt 中添加 <noscript> 标签

我想添加<body><noscript><h1>Please enable your javascript<h1></noscript></body>开发者模式。

我尝试在文件中配置它nuxt.config.js,但没有成功。

vue.js vuejs2 nuxt.js

4
推荐指数
1
解决办法
3679
查看次数

与 Nuxt 一起运行 Express 服务器中间件

我的端点无法正常工作,很可能是因为 Express 所在的服务器未正常运行。我运行我的文件,并且npm run dev我的快递文件位于/middleware. 我尝试从中获取数据的端点位于/middleware/routes/crash.js. 在我的 vue 文件中,我有 axios 执行 get 请求localhost:3000/api/crash/:id,但是 axios 返回 400 错误,表明尚未发现该文件在服务器上运行。

包.json:

"scripts": {
  "dev": "nuxt"
}
Run Code Online (Sandbox Code Playgroud)

/中间件/index.js:

const express = require('express')
const app = express()

const crash = require('./routes/crash')
app.use(crash)

module.exports = {
  path: '/middleware',
  handler: app
}
Run Code Online (Sandbox Code Playgroud)

/middleware/routes/crash.js:

const { Router } = require('express')
const router = Router()
const crypto = require("crypto");
...
router.get('/api/crash/:id')
Run Code Online (Sandbox Code Playgroud)

javascript node.js express vue.js nuxt.js

4
推荐指数
1
解决办法
5615
查看次数

如何禁用 Nuxt3 默认加载指示器?

我已经查看文档和谷歌搜索很长时间了,由于某种原因,我似乎无法弄清楚如何禁用默认的 Nuxt3 加载指示器。有谁知道如何处理这个问题?

当我刷新“/”路径上的页面时,它只会出现一瞬间,因此页面显示的是index.vue页面。附上图片以供参考。

参考图片

javascript nuxt.js nuxtjs3

4
推荐指数
1
解决办法
1692
查看次数

如何在不重新加载组件的情况下更改vue中的查询参数

如何使用 Vue-Router 更改查询参数而不重新加载 Vue 中的组件。但是推送新查询总是重新加载组件,使我的 api 请求重新运行

this.router.replace({query: {name: 'John'} })

javascript vue.js vue-router vuejs3

3
推荐指数
1
解决办法
1万
查看次数

使用纱线进行新的 Nuxtjs 安装不起作用

我只是使用(按照文档)创建一个新的 nuxt 应用程序:

\n
yarn create nuxt-app appname\n
Run Code Online (Sandbox Code Playgroud)\n

然后我切换到该目录并运行(按照文档):

\n
yarn dev\n
Run Code Online (Sandbox Code Playgroud)\n

并得到以下错误:

\n
 \xe2\x9c\x96 Nuxt Fatal Error                                                                                                                                                                                                \xe2\x94\x82\n   \xe2\x94\x82                                                                                                                                                                                                                     \xe2\x94\x82\n   \xe2\x94\x82   Error: @nuxt/components tried to access consola (a peer dependency) but it isn't provided by its ancestors; this makes the require call ambiguous and unsound.                                                    \xe2\x94\x82\n   \xe2\x94\x82                                                                                                                                                                                                                     \xe2\x94\x82\n   \xe2\x94\x82   Required package: consola                                                                                                                                                                                         \xe2\x94\x82\n   \xe2\x94\x82   Required by: @nuxt/components@virtual:4eff43f3a560be194e6097f872c9d8ed0666b260b73fc7573cd09c38d17c2e2d252932f70636f4f4a6035fee79be6a699b4f9693d4a20ba4eb5c9b359f2413a9#npm:2.1.8 (via                             \xe2\x94\x82\n   \xe2\x94\x82   /home/ev/Documents/Projects/firebase-test/f-test/.yarn/__virtual__/@nuxt-components-virtual-7192147023/0/cache/@nuxt-components-npm-2.1.8-189d4bc3ff-b2ab70da20.zip/node_modules/@nuxt/components/dist/)          \xe2\x94\x82\n   \xe2\x94\x82                                                                                                                                                                                                                     \xe2\x94\x82\n   \xe2\x94\x82   Ancestor breaking the chain: nuxt@npm:2.15.7                                                                                                                                                                      \xe2\x94\x82\n   \xe2\x94\x82                                                                                                                                                                                                                     \xe2\x94\x82\n   \xe2\x94\x82                                                                                                                                                                                                                     \xe2\x94\x82\n   \xe2\x94\x82   Require …
Run Code Online (Sandbox Code Playgroud)

installation yarnpkg nuxt.js yarnpkg-v3

3
推荐指数
1
解决办法
2088
查看次数

我们可以仅使用 Nuxt 作为 SPA 吗?

我目前使用 Angular + Nodejs 作为我的主要技术堆栈...
我对 Vue 感兴趣,用它做了一些简单的项目,并观看了一些关于 Nuxt3 的视频。Nuxt3是否支持SPA应用程序(使用nodejs API)?
如果没有的话,以后会支持SPA吗?

single-page-application vue.js nuxt.js nuxtjs3

3
推荐指数
1
解决办法
5741
查看次数

Nuxt 3:nuxt 启动/nuxt 预览的区别?

nuxt start + nuxt Preview 有区别吗?

在生产模式下使用 ssr nuxt 应用程序启动服务器是否正确: npm run build (nuxt build)
npm run start (nuxt start) ?
对我来说,这些文档有点令人困惑,https://v3.nuxtjs.org/api/commands/preview/ “预览命令在运行构建命令后启动服务器来预览您的 Nuxt 应用程序。”

vue.js nuxt.js nuxtjs3

3
推荐指数
1
解决办法
5201
查看次数

如何在新的 Nuxt 3 项目中安装 Vuex?

我需要有人帮助我解释如何在 Nuxt 3 应用程序中安装 Vuex。

当我使用此命令安装 Nuxt 3 时npx nuxi init,我有一个新的 Nuxt 3 应用程序,但是当我想在 Nuxt 中使用 Vuex 时,我不能,因为默认情况下它没有安装在新的 Nuxt 3 应用程序中。
所以我想我需要使用“npm i vuex”安装它,好吧,我知道这很容易,但对我来说却不是。
我需要有人准确地向我解释如何让它发挥作用。

互联网上没有关于如何在新的 Nuxt 3 应用程序中设置 Vuex 的文档。
如果有人可以向我发送一个由 Nuxt 3 应用程序安装的简单项目npx nuxi init或在此处提供代码,我将了解其原因等...

vuex nuxt.js nuxtjs3

3
推荐指数
1
解决办法
1万
查看次数