服务器端渲染单个文件组件，没有vuex路由器

Question

我们在网站中使用Vue2，而不是SPA，因此我们准时使用单个文件组件来改善用户体验。

Ssr在entry_server.js中使用此代码，我们可以从命令行调用此文件，例如node ssr-bundle.js或来自快速APP：

// entry_server.js
import Test from 'components/Test.vue';

const app = new Vue({
  render: h => (Test, {
    props: {}
  })
});

export default function(context) {
  return new Promise((resolve, reject) => {
    resolve(app);
  });
};

这是一个示例组件：

// Test.vue
<template>
  <div>
    {{apidata}}
  </div>
</template>
<script>
import axios from 'axios';

export default {
  data() {
    return {
      apidata: []
    };
  },
  beforeCreate() {
    axios.get('/api/v1/versions.json', {params: {card_id: 274}}).then(response => {
      this.apidata = response;

      console.log('loadData!!!');
      console.log(response);
    });
  },
};
</script>

当我们需要从API获取数据时，组件呈现正常但它没有显示此数据，渲染不会等待API请求。

我们发现了许多使用vuex和路由器的SSR示例和文档，但是，如何使用单个文件组件从API获取数据并且没有vuex或路由器的数据？