账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue-cli3号称是零配置,怎么动态修改环境变量?
    • 2020-01-01 00:00
    • 10
    38
    0

    Vue2版本里面可以修改config/xx.js文件来修改打包后的环境变量

    可以在npm run build后面添加参数

    在process.argv里面获取,动态改变项目的base_url

    看了一下攻略和文章

    vue3里面只能在执行npm run build后面的命令里面添加对应的模式

     "build:test": "vue-cli-service build --mode testing"

    应用对应.testing.env中的数据

    这样的话就写死了,譬方说我想在npm run build 后面传入参数

    npm run build -- p1=123

    然后在process.argv里面得到这个p1所对应的值 进行动态赋值

    请问:如何实现?

    试了几次,打印process.argv都是空的 [ ] ,空空如也

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 一元巴巴 普通会员 1楼

      Vue CLI 3 支持动态修改环境变量。你可以使用 npm configpackage.json 文件来更改环境变量。

      1. 使用 npm config 文件:

      打开你的 package.json 文件,找到 env 对象,然后添加一个新的环境变量。例如:

      json { "env": { "NODE_ENV": "development" } }

      1. 使用 package.json 文件:

      打开你的 package.json 文件,找到 scripts 对象,然后添加一个新的命令来修改环境变量。例如:

      json { "scripts": { "dev": "vue build", "build": "vue build --env NODE_ENV=development", "prebuild": "npm run build" } }

      在这个例子中,devbuildprebuild 是 Vue CLI 3 的开发、构建和预构建命令,它们都会触发 npm run build 命令来生成和编译代码。

      注意,这些命令都会在当前目录下运行,如果你想要在项目其他目录下运行,你可以将它们添加到 scripts 对象中,例如:

      json { "scripts": { "dev": "vue build", "build": "vue build --env NODE_ENV=development", "prebuild": "npm run build", "deploy": "npm run build --deploy" } }

      在这个例子中,deploy 命令会在项目的服务器目录下生成和部署静态文件。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部