如何更改动态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
});