老师，我想问下nuxt的问题

Question

1、nuxt里怎么在渲染后通过屏幕大小动态切换layout布局？

2、nuxt的路由只有嵌套路由有出口吗?平级的路由怎么设置出口只是切换组件而不是跳转呢？

3、nuxt里路由访问后刷新报This page could not be found找不到页面，怎么解决？

4、nuxt里用动态组件is="header+'1'"控制台报DOM与服务器不符，但是能正常渲染，如果不用这种拼接就不报错，这是什么原因？怎么解决？

请老师解答，谢谢

Answer 1

Scott 2018-05-26 20:41:53

media query 可以从 css 层面提前控制，或者当 dom ready 之后，来 check 一下，通过 js 来改变根元素的 className ，从而控制布局，2 和 3 问题不是很清楚具体的使用场景，路由的控制，是可以分成 2 个路由配置，各自拆开控制的，page 找不到，通常是中间件的跳转有问题，或者对应的路由规则没有命中，最后的动态组件拼接，看能不能通过调用一个 method 来控制，不放到字符串里硬拼接看看

• 提问者 qq_淡忘_16 #1

  用媒体查询的话layout不就没什么用了么=。=
  2的意思是<header><nuxt-child/><footer>
  如果想在nuxt-child里切换组件必须要有个index的文件夹然后把要切换的页面都放在这个文件夹下形成嵌套路由，但是我不想用这样的目录结构，该怎么写？
  3的意思是我在js配置了个/a路径，但实际页面是在/a/a下，通过nuxt-link点击可以正常以/a显示页面，但是一刷新或者直接访问肯定是找不到，因为没有。。这个问题查了下说要配nginx什么的，好像也没什么用，是中间件的原因吗?对中间件还不太了解