javascript - 如何更改Laravel + Vue.js的动态baseUrl？

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

取自 the official mix documentation ，您可以通过在 .env 中创建一个前缀为 MIX_ 的 key 来使用环境变量:

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