配置vue运行环境变量

配置Vue.js运行环境变量主要是为了设置项目依赖的全局路径，以便Node.js能够找到并加载Vue CLI或Vue本身。以下是针对Vue CLI项目的常见环境变量配置步骤：

1. **npm全局安装Vue CLI**：
确保你已经全局安装了`npm`，然后安装Vue CLI：

   npm install -g @vue/cli

2. **创建新项目**：
使用Vue CLI创建一个新的Vue项目，它会自动处理一些环境配置：

   vue create my-project

3. **进入项目目录**：
进入刚创建的项目文件夹：

   cd my-project

4. **配置.env文件**：
Vue CLI默认会在根目录下生成`.env`文件，用于存储非敏感的环境变量。你可以添加如`VUE_APP_API_URL`这样的键值对，表示API地址：

   VUE_APP_API_URL=https://your-api-url.com

如果需要配置其他环境变量，例如开发环境和生产环境的区别，可以创建`.env.development`和`.env.production`。

5. **使用环境变量**：
在你的代码里，通过`process.env.VUE_APP_API_URL`访问环境变量。例如在main.js或axios配置中：

   import axios from 'axios';
   axios.defaults.baseURL = process.env.VUE_APP_API_URL;