vuecli配置环境变量

在Vue CLI中配置环境变量需要在项目根目录下创建一个`.env`文件，可以根据不同的环境创建多个`.env`文件，例如`.env.development`、`.env.production`等。

在`.env`文件中可以定义不同的环境变量，例如：

VUE_APP_API_URL=http://localhost:3000

其中，以`VUE_APP_`开头的变量会被自动注入到应用程序中，可以通过`process.env.VUE_APP_API_URL`访问。

在Vue组件中可以这样使用：

<template>
  <div>{{ apiUrl }}</div>
</template>

<script>
export default {
  computed: {
    apiUrl() {
      return process.env.VUE_APP_API_URL
    }
  }
}
</script>

在代码中使用`process.env.VUE_APP_API_URL`即可获取到环境变量的值。

需要注意的是，`.env`文件中定义的变量只能在客户端代码中使用，如果需要在服务端代码中使用，需要使用其他方式定义环境变量。