Nuxt3中如何为单个页面配置routeRules禁用SSR?
Nuxt 3 混合渲染:禁用[player].vue页面SSR的路径选择
你应该使用/games/skills/**作为routeRules的配置路径,而非带pages前缀的版本。
原因很简单:Nuxt 3的路由系统完全基于pages目录的结构自动生成,pages本身就是路由的根起点。你项目里的pages/games/skills/[player].vue对应的前端访问路径是/games/skills/[player],所以配置路由规则时不需要额外加上pages前缀。
如果错误地使用/pages/games/skills/**,Nuxt会将其识别为一个独立的路由路径(即需要访问xxx.com/pages/games/skills/xxx才能匹配),但你的项目里根本不存在这个路由,规则自然不会生效。
以下是正确的nuxt.config.ts配置示例:
export default defineNuxtConfig({ routeRules: { '/games/skills/**': { ssr: false } } })
内容的提问来源于stack exchange,提问作者qqq
相关产品推荐
相关产品推荐

