NUXT中间件中的Vue路由器钩子
是指在NUXT应用程序中使用的一种机制，它允许开发者在路由导航过程中执行特定的操作或逻辑。Vue路由器钩子可以分为全局钩子和局部钩子两种类型。
全局钩子是在整个应用程序的路由导航过程中都会触发的钩子函数，包括beforeEach、beforeResolve和afterEach。这些钩子函数可以用于执行一些全局的操作，例如身份验证、权限控制、页面切换动画等。在NUXT中，可以通过在nuxt.config.js文件中的router配置中定义这些全局钩子。
局部钩子是在特定路由页面中触发的钩子函数，包括beforeEnter、beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave。这些钩子函数可以用于执行一些与当前路由页面相关的操作，例如数据加载、页面初始化等。在NUXT中，可以通过在页面组件中定义这些局部钩子。
使用Vue路由器钩子可以实现一些常见的功能，例如：
- 身份验证：在
beforeEach钩子中检查用户是否已登录，如果未登录则重定向到登录页面。 - 权限控制：在
beforeEach钩子中检查用户是否具有访问当前页面的权限，如果没有则重定向到无权限页面。 - 页面切换动画：在
afterEach钩子中添加页面切换的过渡效果，提升用户体验。 - 数据加载：在
beforeRouteEnter钩子中加载当前页面所需的数据，确保数据在页面渲染前可用。 - 页面初始化：在
beforeRouteEnter钩子中执行一些页面初始化的操作，例如重置表单、清除缓存等。
在NUXT中，可以使用以下腾讯云相关产品来支持和扩展Vue路由器钩子的功能：
- 腾讯云函数计算（SCF）：可以将一些复杂的逻辑或数据处理操作放在云函数中，通过调用云函数来实现路由器钩子的功能。
- 腾讯云API网关（API Gateway）：可以将路由器钩子函数封装成API接口，通过API网关来触发执行，实现更灵活的路由器钩子控制。
- 腾讯云数据库（TencentDB）：可以存储和管理路由器钩子函数中所需的数据，例如用户信息、权限配置等。
- 腾讯云CDN（Content Delivery Network）：可以加速路由器钩子函数的执行和响应速度，提升应用程序的性能和用户体验。
更多关于NUXT中间件中的Vue路由器钩子的详细信息，请参考腾讯云官方文档：NUXT中间件。
相关·内容
2回答
我正在使用带有Nuxt.js的Vue.js，但是我在路由器的功能上遇到了问题。
在纯Vue中，我可以这样用main.js编写：
val route = new Router({
routes:{
[...]
}
})
route.beforeEach(to,from,next){
//do something to validate
}
如何在nuxt.js中做同样的事情呢？我找不到任何像main.js这样的文件。
另外，我只知道处理pages文件夹来实现路由器，我不能设置重定向路径
请帮帮忙，thx :)
浏览 2提问于2017-08-04得票数 17
回答已采纳
如何从nuxt-middleware/nuxt- NuxtJS设置插件标题% meta标签？ 目前我正在从nuxt.config.js中设置它，如下所示。 head: () => {
const now = Date.now()
return {
title: `config test : ${now}`,
meta: [
{
hid: 'description',
name: 'description',
content: '
浏览 44提问于2020-06-18得票数 2
基本上，我希望将根路由'/'重定向到我的'/home'路由。 我的Nuxt应用程序托管在Netlify上，所以我尝试这样做：_redirects文件 / /home 根据他们的重定向文档-但它不工作。 现在我知道在Vue中你可以在路由器配置中设置重定向，但是我如何在Nuxt中实现同样的事情呢？ 任何帮助都将不胜感激！
浏览 27提问于2020-06-23得票数 3
回答已采纳
我使用的NuxtJS pages安装程序类似于以下内容：
./pages/about.vue
./pages/phones/index.vue
./pages/phones/details.vue
./pages/phones.vue
在./pages/phones.vue -file中，我使用一个<nuxt-child />组件在其中呈现./pages/phones/index.vue和./pages/phones/details.vue。就像这样：
文件：./pages/phones.vue
<nuxt-child />
在./pages/phones/detail
浏览 3提问于2021-01-12得票数 0
我在使用vuex的nuxt应用程序中遇到了一个bug。我试图使用mapGetters助手访问存储getter，但是当我访问beforeCreate()钩子值中的该属性时没有定义。
存储/user.js
import VuexPersistence from "vuex-persist";
export const plugins = [VuexPersistence];
export const state = () => ({
user: null,
});
export const getters = {
isLoggedIn(state) {
浏览 1提问于2020-11-06得票数 1
回答已采纳
1回答
我在Vue2和Nuxt。我希望在加载页面之前在中间件中结束我的请求。怎么创造出来的？在加载页面之前，如何等待请求的结束？
export default ({ store }) => {
fetchTest(store, Authorization);
};
async function fetchTest(store, Authorization) {
return await axios
.get("/test", {
headers: {
Authorization,
},
})
浏览 0提问于2022-02-23得票数 2
1回答
这是我的文件树：
pages/
-index.vue (1)
-index/
--_id.vue (2)
我希望：
如果路由为mydomain.com ->，则仅呈现index.vue (1)
如果路由是mydomain.com/foo ->，则在index.vue (1)中呈现_id.vue (2)
当我没有子组件的参数时，我希望Nuxt子组件完全不呈现，但是用id值undefined呈现它。Vue路由器正确地执行它。
这是类似于JSFiddle的Nuxt行为： (第16行path: '/:id?')
这是我想要的JSFiddle (Vu
浏览 2提问于2020-09-08得票数 0
我有一个搜索表单和一个用Nuxt构建的结果页面。如果表单返回错误，我将尝试将结果页pages/results/index.vue重定向回搜索页pages/search/index.vue。
我正在尝试使用组件内警卫。
根据医生的说法：
但是，您可以通过将回调传递给next来访问实例。在确认导航时将调用回调，组件实例将作为参数传递给回调：
beforeRouteEnter ( to，from，next) { next(vm => { //通过vm }访问组件实例)}
// version info
├─┬ nuxt@2.10.1
│ ├─┬ @nuxt/builder@2.10.
浏览 1提问于2019-10-22得票数 5
回答已采纳
我一直在寻找在布局中使用Nuxt中间件。但是我不确定我是否能做到，但是，由于我在Nuxt 2中使用了它，所以在Nuxt 3中可能是可能的。
该项目有两个不同的布局：Public.vue和Admin.vue。我只想在使用管理布局的页面中使用中间件。因为使用它的页面只应该由登录用户访问，并且它将在中间件中被检查。
我试过这个(不起作用)：
管理布局\ Admin.vue
<template>
<div>
<client-only>
<admin-header />
</client-only>
&l
浏览 17提问于2022-08-09得票数 1
回答已采纳
10回答
我试图在Vue组件中使用。组件成功编译，但随后触发错误：
vue-路由器未能解析异步组件默认值: ReferenceError:文档未定义
在浏览器中我看到：
未定义ReferenceError文档
我认为这与Nuxt.js中的SSR有关吗？我只需要在客户机上运行Choices.js，因为我猜这是一个客户端唯一的方面。
nuxt.config.js
build: {
vendor: ['choices.js']
}
AppCountrySelect.vue
<script>
import Choices from 'choices.js&
浏览 22提问于2017-09-05得票数 27
回答已采纳
我创建了一个文件夹中间件和一个名为auth.js的文件。
auth.js
export default function auth() {
console.log('auth!')
}
在nuxt.config.js中，我在路由器对象中调用它。
router: {
middleware: ['auth']
},
我输入的每一页都会看到我在Auth.js中放置的Auth.js。我想要做的是避免在Login页面中运行中间件，但是即使我将其设置为false，它也会运行。
Login.vue
<template>
<div cla
浏览 1提问于2022-08-25得票数 1
回答已采纳
2回答
我们如何定制NUXT路由。目前，我正在使用默认的NUXT页面路由机制。我想指出example.vue作为默认的登录页面而不是index.vue。我还需要在这些路由上添加身份验证。不幸的是，NUXT文档并没有很好地帮助我。
浏览 173提问于2020-11-30得票数 2
我有一个登录页，我想为登录的用户无法看到。我的组件如下：
<template>...</template>
<script lang="ts">
...
@Component({
layout: 'fullWidth',
auth: 'guest',
components: {
Base,
BaseAuth,
}
})
export default class Login extends Vue
浏览 1提问于2020-07-13得票数 4
1回答
我有一个愚蠢的简单问题，我基本上找不到一个好的答案。我有一个nuxt2项目，其中包含一个@nuxtjs/路由器模块。我在buildModules on nuxt.config.js上添加了模块，并在src文件夹中创建了router.js。
这是我的nuxt.config.js文件：
ssr: true, // tauri
target: 'static', // tauri
server : {
host:"127.0.0.1",
port: 8001
},
// Global page headers
浏览 7提问于2022-09-19得票数 1
在Nuxt.js中，我有一个导出的助手函数，它还应该以编程方式导航路由器。
在Vue.js中，我通常会从“@/路由器”导入路由器。
我怎么把这个迁移到Nuxt呢？
doSomething.ts
export default function doSomething(name: string){
console.log(`hello ${name}`);
this.$router.push({ path: "/" }); // this.$router not defined!
}
Component.vue
import doSomething from "
浏览 12提问于2022-07-22得票数 0
1回答
夏夏
我正在以SPA模式创建Vue/Nuxt应用程序。
要生成/.dist文件，我执行nuxt generate
pages
├ index.vue
└ test.vue
我想知道如何通过Nuxt将/重定向到/test路径。
我试过的
我尝试过中间件和模块，但它们不起作用。
浏览 4提问于2022-01-16得票数 1
回答已采纳
2回答
我正在构建一个Nuxt/Vue应用程序。
在Dev工具中，我看到有一个From和To属性。如何在Nuxt应用程序中访问这些？我试过了
this.$nuxt.$route，this.$nuxt.$router，this.$route，但还没有成功。
我的目标是在当前页面上获得(我导航的地方)。
浏览 2提问于2021-01-06得票数 0
回答已采纳
嗨，我在StackOverFlow上发现了一个类似我的老问题，没有回答：
也是在GitHub上，没有有效的解决方案：
所以问题是，如果我在任何页面中调用$auth.loggedIn，它的工作原理就像一个魅力，但是如果我在我的自定义身份验证中间件(或者如果我使用默认的auth中间件)中这样做，它总是返回false。
我在nuxt.config.js中的配置
auth: {
strategies: {
local: {
endpoints: {
login: {
url: '/rest-auth/login/&
浏览 8提问于2020-10-20得票数 5
回答已采纳
1回答
如何正确地使用nuxt向图像添加链接？
我目前正在使用tag="img"，但似乎不推荐使用标记支柱。有更好的方法吗？
<nuxt-link
tag="img"
:src="require('~/assets/ProfitApp-icon.png')"
height="55"
alt="logo"
class="px-3"
to="/"
/>
警告Vue路由器的标记支柱已被废弃，
浏览 4提问于2021-02-23得票数 0
回答已采纳
1回答
有一个用Vue 2.7编写的中型应用程序(vuex、vue路由器等).
直到某种程度上，我们有了SSR“用我们自己的手”。工作缓慢而曲折，但有效。
最近，它已经不再满足项目的需要，我们意识到我们将迁移到Nuxt。
最近，Nuxt 3被释放了。它现在处于rc状态。我们押注于努克斯特的进一步发展。因此，我们希望迁移到版本3。此外，我认为在不久的将来，我们将考虑切换到TypeScript，在Nuxt3TS支持是一个很好的水平。
但是有一个歧义: Nuxt 3与Vue 3一起工作。同时，建议使用pinia而不是Vuex。
在这方面，问题：
当使用Nuxt 3时，大多数组件会在Vue 2上工作吗？我
浏览 57提问于2022-09-19得票数 0
2回答
我正在用vue路由器将一个项目从Vue.js转移到Nuxt.js。
经过几个小时的尝试和谷歌搜索，我设法使一切正常工作，但我无法解决的一个问题是：**将i18n和vue-路由器与Nuxt.js **集成在一起。
两个我还无法解决的问题：
如何正确更新router.js文件中的i18n.locale？如何告诉nuxt-i18n我正在使用自己的路由器？它现在明显地抱怨Route with name 'XXX___en' does not exist.的每一个页面
在我的普通vue项目中，下面的代码可以工作，我可以在router.js中更改区域设置，它会传播和更新这个.$i18n。
浏览 10提问于2020-11-19得票数 1
回答已采纳
当尝试在路由器中间件中设置带有cookie-universal-nuxt的cookie时，我会得到以下错误：
TypeError: Cannot read properties of undefined (reading 'set')
是什么引起的？
nuxt.config.js
modules: [
'cookie-universal-nuxt',
],
router.js (路由器中间件)
export default async ({ app }) => {
app.$cookies.set('cookie-name
浏览 11提问于2022-03-29得票数 0
1回答
我正在使用Nuxt.js。我有这个订单的页面结构：
/orders (pages/orders.vue)
/orders/123456 (pages/orders/_id.vue)
_id.vue视图作为位于orders.vue页面中的<nuxt-child>加载。我是否可以进行页面设置(路由器设置)，以便在不同的路由中加载此页面pages/orders/_id.vue，例如：
/production (pages/production.vue)
/production/123456 (here I would like to load existing view pages/or
浏览 0提问于2019-04-08得票数 0
来自Nuxt
嵌套路由
Nuxt.js允许您使用vue-路由器的子路由创建嵌套路由。
要定义嵌套路由的父组件，需要创建一个Vue文件，该文件的名称与包含子路径视图的目录相同。
警告:不要忘记在父组件(.vue文件)中写入
我们如何从技术上翻译粗体文本？
浏览 1提问于2018-10-03得票数 1
回答已采纳
1回答
我需要显示一个弹出窗口，当旧域名被重定向到nuxt js中的新域。
我已经修改了。htaccess文件，并在index.vue中有一个模式。
mounted() {
const modal = document.getElementById('modal')
if (document.referrer.indexOf('https://olddomain.com') > -1) {
alert('Previous domain redirected')
modal.style.display = 'block
浏览 15提问于2019-08-21得票数 0
1回答
我正在使用多个外部JavaScript文件-客户机/前端文件-我的Nuxt应用程序的设计( Nuxt通用模式，服务器端呈现+客户端导航)，将它们放在nuxt.config.js文件中。
nuxt.config.js
<script>
export default {
head () {
return {
script: [
{ src: '/scripts/jquery.min.js', body: true },
{ src: '/scripts/jquery.dropotron.min.js
浏览 0提问于2021-06-05得票数 0
回答已采纳
我正在使用Nuxt / Vue和我的站点标头路由器链接。我看到的问题是，当我单击指向路径的路由器链接时： <nuxt-link to="/product-innovation/type">
<span class="link-brdr">Product</span>
</nuxt-link> 路由将更改为路径: /product-innovation，而不是/product-innovation/type 如果我再次单击nuxt链接，它将导航到正确的页面路由。
浏览 32提问于2021-07-28得票数 1
回答已采纳
我正在构建一个Nuxt应用程序，并尝试创建一个路由守卫。如何在我的Nuxt中间件中访问$can？
export default (context) => {
const { route } = context
route.matched.some((routeRecord) => {
const options = routeRecord.components.default.options
console.log(options)
// should use $can here
return true
浏览 5提问于2021-03-30得票数 0
在我的Nuxt.js应用程序中，我有一系列嵌套路由。
.
├── index
│ ├── _choice
│ │ ├── city
│ │ │ ├── index.vue
│ │ │ ├── _zipCode
│ │ │ │ ├── index.vue
│ │ │ │ ├── street
│ │ │ │ │ ├── index.vue
│ │ │ │ │ └── _street.vue
│ │ │ │ └── street.vue
│ │ │ └── _zi
浏览 0提问于2018-10-11得票数 2
回答已采纳
1回答
编辑:创建一个经过验证的页面的布局，并在登录后重定向，而不是使用主页上的条件，而是一个将未经身份验证的用户重定向到主页的中间件，会不会是一个更好的设计模式？
我已经转换到SSR应用程序，并正在制定认证细节，任何资源或设计建议都欢迎！
我搜索了那些有同样问题的人，并尝试了不同的方法，但都没有成功，所以我想知道是否有人知道我可能在哪里出了问题。提前感谢！
下面的代码应该解释我遇到的问题，我正在使用Nuxt，并且在根据商店更新布局时遇到了问题。
console.log('auth或not')返回true，在我的模板中身份验证={isAuth}也返回true。
问题是，当我将代码保存
浏览 5提问于2019-11-05得票数 0
1回答
假设我有这个路由块，到目前为止，我只知道中间件可以通过nuxt-config.js (全局)或每个路由(独立)来分配
页面
- index.vue
- goSomeWhere.vue
- goThisWay.vue
- admin
- index.vue
- goThere.vue
- goHere.vue
我想为每个/admin路由分配一个中间件，那么有没有其他方法可能适合我？
浏览 0提问于2020-06-12得票数 0
我如何使用下面的示例代码： const express = require('express')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
const app = express()
// Import and Set Nuxt.js options
let config = require('../nuxt.config.js')
config.dev = !(process.env.NODE_ENV === &#
浏览 6提问于2019-03-26得票数 0
我有一个具有类型记录的Nuxt类组件和如下所示的beforeRouteLeave钩子：
import { Component, Vue } from "nuxt-property-decorator"
@Component
export default class MyComponent extends Vue {
beforeRouteLeave (_to, _from, next) {
this.foo()
next()
}
foo () { console.log("navigation guard triggered")
浏览 9提问于2022-01-16得票数 0
我用Nuxt创建了一个博客，它为我的每一篇文章( (articles/_slug.vue). )提供了动态路由在_slug.vue文件中，我使用asyncData从strapi获取标记内容。
运行nuxt生成之后，nuxt启动并导航到浏览器中的文章页面，打开页面源代码时，我发现有许多Js文件正在导入，一个div具有id __nuxt，很可能类似于SPA格式。
这并不发生在我的index.vue页面中，因为当我查看index.vue的页面源时，我的所有内容都在index.vue中。
重要的是google爬虫能够在我的文章页面上索引内容，所以不包含博客内容的页面源并不理想。
我不明白的是，当我
浏览 9提问于2021-02-23得票数 0
回答已采纳
1回答
我需要设置Global头和刷新会话(调用多个Api)。在vuejs中，我们将有一个App.vue，它是我们的应用程序的入口点，我们将在其中执行这些类型的处理。
App.vue
export default {
async created(){
await this.$store.dispatch('initateSession');
}
}
这样做的好处是只调用一次(不是每次路由更改)，而且在每次加载页面时，我都希望在Nuxt中实现相同的功能。
现在，由于我们没有任何App.vue用于Nuxt，我可以考虑的一个解决方案是为此创建一个中间件，它可以工作，但这将被调用
浏览 1提问于2022-01-24得票数 1
我对父fetch()钩子有问题，它是在通过nuxt-链接转到子页面时调用的。如何解决这个问题？也许是nuxt.js的错误吗？为了实现父->子结构，我根据nuxt.js文档中提供的模式设置了我的项目：
-parent.vue
-parent
-儿童1.vue
-儿童2.vue
例如，通过nuxt-链接转到Child1：<nuxt-link to="/parent/child1">Child1</nuxt-link>会在父级调用fetch()钩子。
我想很多人都有这个问题。提前感谢你帮助解决这个问题。
浏览 12提问于2020-04-27得票数 0
回答已采纳
1回答
在由vue-cli生成的普通Vue (而不是Nuxt)项目中，在vue-路由器中使用*可以实现如下工作：
export default new Router({
routes: [
{
path: "/about",
name: "about",
component: About,
children: [
{
path: "*",
component: About
}
]
}
]
});
所有
浏览 1提问于2018-04-21得票数 4
回答已采纳
当用户未通过身份验证时，我试图设置一个从受保护资源自动重定向到登录页面的方法。
当我实现从nuxt重定向的示例时，我得到了他的错误：
Error: Redirected when going from "/" to "/login" via a navigation guard.
at createRouterError (vue-router.esm.js?8c4f:2065:1)
at createNavigationRedirectedError (vue-router.esm.js?8c4f:2024:1)
at eval (vu
浏览 8提问于2022-02-26得票数 0
我的目标是拥有以下页面结构
pages
--/users/
--/users/:id/
--/users/:id/edit/
应该为每个:id生成编辑。现在我的设置只在开发模式中工作。在nuxt上，只生成第一个/users/:id/edit/。所有其他路线都有404错误的生产！
当前设置：
- /users
- index.vue
/_id
- index.vue
- edit.vue
我还试图添加另一个_id.vue，我找到了和
/users
- _id.vue
- /id
[...]
我也查过了。
在nuxt.config.js我有
浏览 8提问于2022-07-27得票数 2
回答已采纳
我想在Nuxt.js中支持Vue-session。 我已经用Vue.js做了一个网站，但它对SEO不好。 因此，我使用Nuxt.js创建了一个新的前端。我将一些组件从目录Vue.js复制到Nuxt.js并运行。 但它不起作用。我在Header.vue登录时收到一个错误。这是我的代码。 TypeError 无法读取未定义的属性“exits” https://imgur.com/a/hkccHvL 在Header，vue中有代码，请查看。 <template>
<b-navbar sticky toggleable="md" class="n
浏览 50提问于2019-01-22得票数 0
1回答
正如文档中提到的，nuxt中的所有内容都在两个选项之间:服务器端或客户端。如果你需要在客户端运行一个函数，恰好在呈现模板之前。
我的特定用例是nuxt静态模式下的用户设备检测。如果你使用ssr模式，仅仅通过{req}对象很容易找到，但在静态模式下，在找到设备和应用于条件类之前，html和Dom都是高级渲染的。
浏览 13提问于2021-03-06得票数 1
1回答
我使用@nuxt/strapi作为NuxtJS的Strapi的包装器。对于Nuxt中的Vuex，我使用了命名空间模块模式，所以我的结构看起来像这样：
store
├── user.js
├── posts.js
└── index.js
在Vue项目中，我会导入Vue，Vuex，也许是Axios，然后创建一个商店实例const store = new Vuex.Store(storeOptions)，然后分派我的初始操作或从store/index.js内部进行一些API调用。
vue项目中的index.js示例：
import Vuex from 'vuex';
import
浏览 5提问于2020-10-13得票数 0
1回答
我需要在每页的路由器中检查我的令牌。我需要使用beforeEach。我是在vue做的。但我不会在nuxt.js中使用。我的问题是如何在nuxt.js的路由器上使用我的本地存储器。我的代码示例在route.js文件中如下所示。 export default ({ app, store, redirect }) => {
app.router.beforeEach((to, from, next) => {
store.state.tokenim = localStorage.getItem("token");
if (store.state.to
浏览 25提问于2020-07-19得票数 0
我正在寻找一种解决方案，在Nuxt项目的页面转换期间添加和删除<nuxt/>元素之外的组件/元素的类。
举个例子，我想在每个页面转换之前，先将一个div动画化，然后再将其动画化。伪码如下：
<!-- layouts/default.vue -->
<template>
<site-curtain :class="{ 'is-active': isTransitioning == true }" /> // I would to apply this class during a page transition
浏览 4提问于2022-01-11得票数 2
我想知道这样做的正确方法是什么？
因此，在我们的pages文件夹中有如下内容：
product/
|
comments.vue
review.vue
index.vue
details.vue
index.vue //root of website
product.vue
我们在product.vue中有<nuxt-child />，所以product/index.vue是产品的默认child|view|component，如果它不存在，其他组件中的一个将成为默认子组件。当没有index.vue时，我们如
浏览 0提问于2021-07-23得票数 0
我一直在尝试测试使用nuxt的文件(asyncData和fetch钩子)，测试nuxt的正常生命周期没有问题，但我注意到vue/ vue.js -utils没有给出关于如何测试nuxt钩子的明确说明。
login.vue
asyncData() {
const email = localStorage.getItem("email") || ""
const password = localStorage.getItem("password") || ""
return { email, password }
},
moun
浏览 1提问于2020-08-29得票数 3
我使用Vue JS v2已经有一段时间了，我对它很满意。最近，我开始使用Nuxt，到目前为止，我已经能够掌握其中的大部分内容。但是在花了无数个小时搜索网络之后，我仍然无法在用Nuxt创建Vue应用程序之前找到一种如何使用firebase onAuthStateChanged()的方法。
让我解释一下
在Vue 2中，我所做的通常是在main.js文件中
import Vue from 'vue'
import App from './App.vue'
import { auth } from '@/firebase/init'
let app
浏览 2提问于2019-10-09得票数 2
我正在尝试从我的content/blog文件夹中获取内容，但由于它是一个组件，所以无法在components/menu.vue页面中工作。
这在page/index.vue中有效，但在components/menu.vue中不起作用。为什么？
我对这一切很陌生，也许我做错了什么，也许我无法从组件中获取内容.我不知道。
<template>
<div class="container">
<div class="articles">
<div class="article"
浏览 4提问于2022-08-13得票数 1
回答已采纳
我有一个nuxt SSR应用程序，并且我正在使用发出一个HTTP请求。当我使用axios从我的服务器得到一个错误时，我想把带有vue路由器的错误消息作为道具传递到我的错误页面，我已经将这个页面设置为nuxt details 。
我目前在我的错误布局页面中使用。如何通过Vue路由器将错误消息作为道具传递到/layouts/error.vue中的错误页面？我试着像这样传递道具：
router.push({ path: '/error', name: 'error', params: {error: error.response.data}})
但是，错误页上的pro
浏览 6提问于2021-11-01得票数 1
我尝试测试是否可以在中间件中仅在某些进程上输出某些内容。但如果我使用以下代码- process.server似乎总是有效的-当我直接通过浏览器输入路线时也是如此。只有当我通过路由器更改路由时，其他输出才可见。我在通用模式下使用Nuxt。那是怎么回事？
实际上，我希望从本地存储用户数据提供给存储，然后在此页面是受保护的页面时重定向用户。这只能在定义了localStorage的process.client中完成。完全可以用中间件来完成吗？当直接进入页面时也是这样吗？
中间件/test.vue
export default function (context) {
if (process.s
浏览 2提问于2018-04-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
