Как изменить динамический baseUrl Laravel + Vue.js?

Question

Как установить baseUrl, чтобы при переключении с сервера на сервер во внешнем интерфейсе (Vue.js) он динамически изменялся на baseUrl?

Я показываю мой код axios-auth.js код:

 import axios from 'axios'

 const instance = axios.create({
    baseURL: 'http://mvp.test/api/public/api/'
   // baseURL: 'http://127.0.0.1:8000/api/' for testing localhost
 });

и мой файл .env со стандартным кодом для laravel.

Answer 1

Взятый из официальной документации микса , вы можете использовать переменную окружения, создав ключ в вашем .env с префиксом MIX_:

MIX_BASE_URL=http://mvp.test/api/public/api/

И запустить php artisan config:clear чтобы убедиться, что новый конфиг установлен.

Затем в javascript вы можете получить доступ к переменной внутри объекта process.env:

process.env.MIX_BASE_URL

Так что вы можете просто использовать ее следующим образом:

const instance = axios.create({
    baseURL: process.env.MIX_BASE_URL
});

Answer 2

Вы можете использовать простой /api/ в качестве baseURL.

import axios from 'axios';

const instance = axios.create({
    baseURL: '/api/'
});

Это будет динамически преобразовываться в любой ваш URL.