vue2中process.env.BASE_URL
时间: 2023-11-02 08:00:08 浏览: 271
vue.js根据代码运行环境选择baseurl的方法
在 Vue2 中,`process.env.BASE_URL` 是一个在运行时可用的全局变量,它代表了应用程序的基本 URL。它通常用于在开发和生产环境中正确地设置 URL,以便在不同的环境中正确地加载资源。
在 Vue CLI 2 中,`BASE_URL` 的默认值为 `/`,而在 Vue CLI 3 中,默认值为一个空字符串。您可以在 `vue.config.js` 文件中设置 `baseUrl` 属性来覆盖默认值。例如,如果您的应用程序将在 `https://www.example.com/my-app/` 上托管,则可以将 `baseUrl` 设置为 `/my-app/`。这将确保所有资源的正确路径被加载。
在您的应用程序中,您可以通过在代码中使用 `process.env.BASE_URL` 来访问 `BASE_URL` 变量。例如,如果您希望将某个资源的 URL 设置为相对于 `BASE_URL` 的路径,则可以这样做:
```js
const imageUrl = process.env.BASE_URL + 'images/my-image.png';
```
这将确保在不同的环境中正确地加载资源。
阅读全文