Vue.js：服务器端应用程序的全局基本URL

在我正在开发的一个小型Vue应用程序中，有如下代码：

this.axios.post（'https://localhost:8000/api/auth/login“，…）

https://localhost:8000

部署到服务器后需要更改，因为应用程序的服务器端将托管在不同的IP地址/端口。我想定义一个类似于

BASE\u URL

的东西，它可以从配置文件或类似的东西中读取，这意味着上面的代码将更改为：

this.axios.post（`${BASE\u URL}/api/auth/login`）

---

在Vue.js中执行此操作的最佳方法是什么？起初听起来很有希望，但这似乎不是我所需要的。

您可以在根目录中创建一个.env文件，并引用该文件：

您可以用来定义基本url。例如，在项目基础上创建.env.development和.env.production文件：

VUE_APP_BASE_URL=https://localhost:8000

然后，您可以将基本url指定为axios配置的一部分：

axios.defaults.baseURL = process.env.VUE_APP_BASE_URL

vue应用程序将根据您用于构建的模式而变化，例如

npm运行构建---模式开发

或

npm运行构建---模式生产