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

meluo
  • 216

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

回复
阅读 8k
3 个回答

比如你的地址是: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' }

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

Awake
  • 2
新手上路,请多包涵

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏