.env文件配置---全局环境变量(以Vue3为例)

yasuo56

已于 2023-06-09 15:21:54 修改

阅读量1.4k

点赞数 2

文章标签： vue.js 前端 javascript

于 2023-06-06 11:23:58 首次发布

本文链接：https://blog.csdn.net/yasuo56/article/details/131064059

版权

.env --- 全局默认配置文件，在所有的环境中被载入，当你指定了环境，它也会合并,并且优先级大于.env，没有指定环境时先找它
.env.development --- 指定开发环境的配置文件
.env.production --- 指定生产环境的配置文件，当 build 运行会触发此文件

键值对形式创建，命名必须VUE_APP_开头
列如：VUE_APP_BASE_API = '/api'

.env.production
ENV='production'
VITE_BASE_URL='https://127.0.0.1:3000/api'
.env.development
ENV='development'
VITE_BASE_URL='https://127.0.0.1:3000/api'
注意：如果在环境中有默认的 ENV，你应该移除它或在运行 vue-cli-service 命令的时候明确地设置 ENV

此时在packjson文件里dev/serve与build所使用的环境变量

"dev": "vite --mode development",
"build": "vite build --mode production",

el-upload上传

<el-upload class="upload-demo" :headers="headerObj" drag
                :action="urL_file_header + '/course-service/hand/book/add'" :data="uploadData" accept=".xls"
                :auto-upload="true" @change="changeFile">
                <el-icon class="el-icon--upload"><upload-filled /></el-icon>
                <div class="el-upload__text">
                    拖动/选择要上传的文档<br>
                    <el-button class="LfBtn wBtn">选择本地文件</el-button><br>
                    支持格式：xls | 单次上传上限1000条
                </div>
            </el-upload>

const urL_file_header = import.meta.env.VITE_BASE_URL