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_为前缀的密钥来使用环境变量：

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

这将动态翻译为您的网址。

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

2 个答案: