axios.get(‘http://127.0.0.1:3000/news‘)

最新推荐文章于 2025-01-12 19:13:02 发布

原创最新推荐文章于 2025-01-12 19:13:02 发布 · 696 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文档展示了如何在Vue应用中使用Axios库进行API调用。在`mounted`生命周期钩子中，代码尝试从`http://127.0.0.1:3000/news`获取数据，强调了在特定情况下需提供完整URL，并提到解决跨域问题的重要性。

<script>
import HelloWorld from './components/HelloWorld.vue'
import axios from 'axios'
export default {
  name: 'App',
  components: {
    HelloWorld
  },
  mounted () {
    console.log('hi');
    axios.get('http://127.0.0.1:3000/news')
    //不同于情况下必须写全请求地址
    //同时后端也要解决跨域问题
    .then(res => {
      console.log(res)
    })
    .catch(err => {
      console.error(err); 
    })
  },
}
</script>