我正在使用Vue.js和Nuxt.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条答案
按热度按时间gojuced71#
可以为Nuxt创建一个插件,可以添加全局路由器功能。这是一种扩展Nuxt应用路由器功能的有用方法。
首先,创建一个
plugins/route.js
文件:字符串
或
型
然后使用以下命令更新
nuxt.config.js
文件:型
更多关于plugins的信息:
bfhwhh0e2#
如果有人仍然感兴趣,可以像这样在
nuxt.config.js
中设置全局中间件:字符串
然后在你的
middleware/foo.js
里你做任何事...型
**请注意:**您不能将此用于静态站点(nuxt generate),因为中间件不会在页面加载时执行,而只会在随后的路由更改时执行。感谢@ProblemsOfSumit指出这一点。