Vue-संसाधन से स्विचिंग

Question

Vue-संसाधन के साथ Axios के लिए, हम तो जैसे 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

Axios के साथ, एक यहाँ से एक और उदाहरण having a custom config

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

बना सकते हैं एक के संचालन के लिए my_axios उपयोग कर सकते हैं। आप Vue में उदाहरण Axios कस्टम प्रोटोटाइप सकता है:

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}' 
    } 
}) 

अब आप की तरह तो

<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>