vue2 配置axios
时间: 2023-08-31 11:11:52 浏览: 114
vue实现配置全局访问路径头(axios)
在Vue2中配置axios可以通过以下步骤进行:
1. 在main.js文件中引入axios,并将其挂载到Vue的原型上,以便在组件中可以通过this.$http来使用axios。
```javascript
import axios from 'axios'
Vue.prototype.$http = axios
```
2. 可以通过axios的默认配置来设置请求的根路径,例如:
```javascript
axios.defaults.baseURL = 'http://yufei.shop:3000'
```
3. 在组件中使用axios发送请求的示例代码如下:
```javascript
this.$http.get('http://localhost:8089/students/test')
.then(res => {
this.students = res.data
})
.catch(e => {
console.log(e)
})
```
需要注意的是,以上配置适用于Vue2,对于Vue3可能需要进行一些调整。另外,也可以将axios单独封装到某个配置文件中,以便在不同组件中复用。这样可以更好地组织代码并提高代码的可维护性。
阅读全文