vuecli axios 公共地址
时间: 2023-10-20 08:06:48 浏览: 131
vue+axios+获取本地JSON,能量树能量收集
在 VueCLI 中使用 Axios 的公共地址可以在 `main.js` 中创建 Axios 实例,并将其添加到 Vue 的原型中,以便在整个应用程序中共享。
```
import Vue from 'vue';
import axios from 'axios';
Vue.prototype.$http = axios.create({
baseURL: 'https://api.example.com' // 设置公共地址
});
```
现在,可以在任何组件中使用 `this.$http` 来访问 Axios 实例,并使用公共地址向服务器发出请求。
例如:
```
this.$http.get('/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
阅读全文