vue3 发送 axios 哀求时没有担当到响应数据

1. <script setup>
2. import Edit from './components/Edit.vue'
3. import axios from 'axios'
4. import { onMounted,ref } from 'vue'
6. // TODO: 列表渲染
7. //装数据的列表
8. const list = ref([])
9. const count = ref(0)
10. const getList = async () => {
11.   //通过发送 /list 请求从后端拿到列表数据
12.   const res = axios.get('/list')
13.   list.value = res.data
14.   count.value++
15. }
16. onMounted(() => getList)
17. </script>

复制代码

一开始一直猜疑是后端接口的问题，大概是前端哀求路径的问题
最后排查了半天，通过 count 自增发现 getList 函数根本没有调用
检查 onMounted() 函数发现 是因为 getList 没有加括号 ()
精确写法：

1. <script setup>
2. import Edit from './components/Edit.vue'
3. import axios from 'axios'
4. import { onMounted,ref } from 'vue'
6. // TODO: 列表渲染
7. //装数据的列表
8. const list = ref([])
9. const count = ref(0)
10. const getList = async () => {
11.   //通过发送 /list 请求从后端拿到列表数据
12.   const res = axios.get('/list')
13.   list.value = res.data
14.   count.value++
15. }
16. onMounted(() => getList())
17. </script>

复制代码

修改后乐成吸收到哀求的参数：

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。