vue2 导入axios
时间: 2023-08-23 21:14:32 浏览: 53
在Vue2中导入axios有两种常见的方式。第一种是在组件中使用axios发送请求,第二种是将axios挂载到全局,以便在整个应用程序中使用。
第一种方式是在组件中使用axios发送请求。你可以在组件的script标签中引入axios,并在methods中定义一个发送请求的方法。例如,在一个组件中,你可以这样导入axios并发送请求:
```javascript
import axios from 'axios'
export default {
data() {
return {
data: ""
};
},
methods: {
fetchData() {
axios.get("http://yufei.shop:3000/tabbar")
.then(response => {
this.data = response.data;
})
.catch(error => {
console.log(error);
});
}
},
created() {
this.fetchData();
}
};
```
第二种方式是将axios挂载到Vue的原型上,以便在整个应用程序中使用。你可以在main.js文件中引入axios,并将其挂载到Vue的原型上。例如:
```javascript
import axios from 'axios'
import Vue from 'vue'
Vue.prototype.$http = axios
axios.defaults.baseURL = 'http://yufei.shop:3000'
```
这样,你就可以在任何组件中使用`this.$http`来发送请求了。
希望这些信息对你有帮助!\[1\]\[2\]
#### 引用[.reference_title]
- *1* *2* [Vue2中使用axios的三种方法](https://blog.csdn.net/m0_59553217/article/details/125123793)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [【VUE】6、VUE项目中引入axios](https://blog.csdn.net/qq_40065776/article/details/129928761)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]