Переход от вю-ресурса AXIOS

Question

С вю-ресурса, мы могли бы установить корневой URL в main.js так:

Vue.http.options.root = 'http://localhost:3000/api' 

Я попытался заменить, что с:

axios.defaults.baseURL = 'http://localhost:3000/api'; 
Vue.prototype.$http = axios 

Однако, теперь мой почтовые вызовы не работают должным образом, и Vue.http.post выдает сообщение об ошибке.

Как это достигается?

Answer 1

С Аксиос, можно создать еще один экземпляр having a custom config

var my_axios = axios.create({ 
    baseURL: 'http://localhost:3000/api', 
}); 

Отсюда можно использовать my_axios для операций. Вы можете прототип обычай AXIOS например в Vue:

Vue.prototype.$http = my_axios 

Answer 2

import axios from 'axios'; 

export const HTTP = axios.create({ 
    baseURL: `http://localhost:3000/api/`, 
    headers: { 
    Authorization: 'Bearer {token}' 
    } 
}) 

Теперь вы можете использовать HTTP как и

<script> 
import {HTTP} from './http-common'; 

export default { 
    data:() => ({ 
    posts: [], 
    errors: [] 
    }), 

    created() { 
    HTTP.get(`posts`) 
    .then(response => { 
     this.posts = response.data 
    }) 
    .catch(e => { 
     this.errors.push(e) 
    }) 
    } 
} 
</script>