javascript - 从 Vue.js 中的外部文件中获取数据

Question

我正在尝试从外部文件（fetchPosts.js）中获取帖子

import axios from 'axios'

const fetchPosts = async () => {
    const load = await axios.get('http://localhost:3000/projects').then(response => response.data)

    return load
}

export default fetchPosts

并在 Home.vue 组件中分配此获取的结果

<script>

import SingleProject from '../components/SingleProject';
import FilterNav from '../components/FilterNav';
import fetchPosts from '../../service/fetchPosts';

export default {
  name: 'Home',
  components: { SingleProject, FilterNav },
  data() {
    return {
      posts: [],
      current: 'all'
    }
  },
  mounted() {
    this.posts = fetchPosts()
  }
}

</script>

但是，这不起作用。谁能告诉我我该如何解决？

标签： javascriptvue.jsasynchronous