Question

我试图在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）使用包含该基本URL的const创建一个单独的文件。

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`
  };
}

在axios VueJS中传递当前域的URL

1 个答案: