Передать URL текущего домена в axios VueJS

Question

Я пытаюсь передать URL домена, где я должен передать его в axios.Вот мой текущий жесткий URL:

import axios from 'axios';

export default {
    name: 'cart',
    components: {},
    data() {
        return {
            cart: '',
            timer: '',
            baseUrl: 'http://prestashop_1_6.local/modules/analyticsvuejs/php/cart.php',
        }
    },
    methods: {
        getCarts() {
            axios
                .get(this.baseUrl, {
                    params: {
                        action: 'cart'
                    }
                })
                .then(response => {
                        this.cart = response.data;
                        console.log(this.cart);
                    }, (error) => {
                        console.log(error);
                    }
                )
        },
    },
    created() {
        this.getCarts();
        this.timer = setInterval(this.getCarts, 5000)
    },
}

, и я пытаюсь создать переменную для динамической передачи ее всем моим компонентам

Я ищу замену 'http: // prestashop_1_6.local / 'с динамической переменной.

Спасибо за помощь.

Answer 1

1) Создайте отдельный файл с const, содержащим этот базовый URL.

2) экспортируйте этот const

3) используйте его там, где вы хотите

// consts.js

export const BASE_URL = 'http://prestashop_1_6.local';


// Any file that consume it.
import {BASE_URL} from './consts';

data() {
  return {
    url: `${BASE_URL}/something/something-else`
  };
}