vue-cli-service 项目多环境配置，解决生产环境与测试环境打包后的文件格式不同

最新推荐文章于 2024-08-30 17:04:02 发布

摩羯座小薛

最新推荐文章于 2024-08-30 17:04:02 发布

阅读量2.5k

点赞数 1

分类专栏：项目遇到的问题多环境配置文章标签：前端 vue.js webpack npm

本文链接：https://blog.csdn.net/weiwei_xue/article/details/121137700

版权

本文介绍了如何使用Vue-cli-service进行多环境配置，包括创建`.env.dev`和`.env.prod`文件，修改`package.json`文件以适应开发和生产环境，并解决生产与测试环境打包后JS文件位置不一致的问题。通过设置正确的环境变量，可以确保在不同环境中使用不同的配置。

摘要由CSDN通过智能技术生成

一、Vue-cli-service 项目多环境配置

最近有一个新需求，aes加密中的key值在开发环境和生产环境不一样，打包的时候需要分别执行，记录一下。

在根目录下增加【.env.dev】和【.env.prod 】文件，如上图所示。文件内容如下：

.env.dev (开发环境)

NODE_ENV = 'development'
VUE_APP_ENV = 'development'
VUE_APP_BASE_URL = '开发环境地址'

.env.prod (生产环境)

NODE_ENV = 'production'
VUE_APP_ENV = 'production'
VUE_APP_BASE_URL = '生产环境地址'

注释：.env文件中变量命名必须以 VUE_APP_ 开头

 "scripts": {
        "dev": "vue-cli-service serve --open",
        "start": "vue-cli-service serve",
        "build

关注

专栏目录