用 nuxt.js 如何在进行服务端渲染的时候 获取浏览器传递过来的参数

Question

最近在用 nuxt.js 做服务端渲染vue页面，想做这样的一个功能，浏览器向nuxt.js 渲染服务器发送请求，nuxt.js 服务器将请求携带的参数渲染到返回页面上。比如：在浏览器地址栏输入 http://localhost:3000/?a=i show， nuxt服务器返回 i show

Answer 1

比如你的地址是：http://127.0.0.1:3001/doc/234

那么，你在 /pages/doc/文件夹下面创建一个文件 _id.vue

里面有这个

<script>
export default {
  
  asyncData ({ params, env, error }) {
    console.log(env, params);
    return {name:'d', number:'f'}
  }
}
</script>

那么会输出

{ id: '234' }

Answer 2

每个请求的参数都可以在服务端获取，获取之后传入你的组件

Answer 3

链接地址：http://localhost:3000/News?pageIndex=2

async asyncData ({context, route}) {
    let pageIndex = (route.query.pageIndex == null ? 1 : route.query.pageIndex)
}

pageIndex的参数能正常读出来。
希望能帮到你