nuxt从服务端请求数据demo

最新推荐文章于 2024-08-20 14:09:57 发布

淡淡的夏日忧伤

最新推荐文章于 2024-08-20 14:09:57 发布

阅读量1.1w

点赞数

分类专栏： nuxt.js axios vue.js 文章标签： vue nuxt axios

本文链接：https://blog.csdn.net/pizhi1461/article/details/80102194

版权

博主分享了在Nuxt.js项目中进行服务端数据请求的经验，详细介绍了如何处理参数传递、页面刷新后的渲染及数据获取。通过在pages目录下创建index.vue、show.vue和sun.vue三个文件，演示了相关实现过程。

摘要由CSDN通过智能技术生成

博主经过一夜的奋斗终于解决了很多nuxt的问题，参数的传递，刷新页面重新渲染，数据请求等

不多说直接上代码

在pages添加 index.vue

<template>
  <section class="container">
    <div>
      <app-logo/>
      <div class="links">
        <button  @click='login' class="button button-caution">点我</button>
      </div>
    </div>
  </section>
</template>
<script>
import AppLogo from '~/components/AppLogo.vue'
import axios from 'axios'

export default {
  components: {
    AppLogo
  },
  methods: {
    login () {
      axios({
        withCredentials: true,
        method: 'get',
        url: `url`,
      }).then((res) => {
        this.$router.push('/show')
      })
    }
  }
}
</script>

在pages添加show.vue