nuxt接口数据静态化处理的方法

前端 vue nuxt

import axios from 'axios'
export default {
  name: 'Index',
  components: {},
  async asyncData({ app, store, params, req, res }) {
    res = await axios({
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      method: 'get',
      url: `http://域名/gzfw/api/getList`,
      data: {
        page: 1,
        size: 100000
      }
    })
    return {
      newdatalist03: res.data
    }
  },

<div v-for="item in newdatalist03" :key="item.id" class="zl_twomore_list">
              <div class="news_img_list">
                <nuxt-link :title="item.title" :to="{name: 'new-id', params:{id:item.id}}">
                  <Icon type="ios-radio-button-on" /> {{ item.title }}
                </nuxt-link>
                <span>{{ item.publishTime }}</span>
              </div>
            </div>

本文由 admin 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为:2022-08-09 22:48:55