vue.js - 如何使用 Nuxt 中间件重定向到外部站点?

我想在页面加载之前将一组用户重定向到另一个 URL(外部),即使用中间件。
由于我在 ssr 模式下使用 nuxt 并通过 window.location.replace() 在布局/默认中重定向用户,您会看到“主站点”一秒钟。

最佳答案

这种中间件应该可以解决问题,您不会看到之前显示的任何内容,因为它会在呈现您的页面之前执行。

middleware/google.js

export default ({ redirect }) => {
  if (myCoolCondition === 'cool') {
    redirect('https://www.google.com')
  }
}

要将其应用于特定组件/页面,请使用此

<script>
export default {
  middleware: ['google']
}
</script>

这是相关文档:https://nuxtjs.org/docs/2.x/directory-structure/middleware#named-middleware

https://stackoverflow.com/questions/68858098/

相关文章:

java - 如何将带逗号的字符串转换为整数和 double

reactjs - React useEffect 钩子(Hook)没有清除间隔

java - 比较2 ArrayList java

python - 将字符串数据传递给 matplotlib API 时会绘制什么?

awk - 使用 sed(或 awk 或 tr)将换行符\n 替换为表达式

python - 将重复列名列表和值列表转换为数据框

amazon-web-services - AWS - 安全组是否足够或是否需要私有(private

c++ - 编译时 bool 值 C++ 未知的 constexpr 函数参数

python - Pandas:如何使用 json 数组分解数据框

swift - GIDSignIn.sharedInstance : sharedInstance