开发者社区> 问答> 正文

vue开发生产环境设置不同的参数配置

vue开发生产环境设置不同的参数配置

展开
收起
北藏有名 2020-02-06 16:17:43 914 0
1 条回答
写回答
取消 提交回答
  • 有点尴尬唉 你要寻找的东西已经被吃掉啦!

    环境变量与模式

    .env #在所有的环境中被载入 .env.local # 在所有的环境中被载入,但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略

    一个环境文件只包含环境变量的“键=值”对:

    FOO=bar VUE_APP_SECRET=secret

    模式

    模式是 Vue CLI 项目中一个重要的概念。默认情况下,一个 Vue CLI 项目有三个模式:

    development 模式用于 vue-cli-service serve
    production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e
    test 模式用于 vue-cli-service test:unit
    

    .env 默认文件配置:

    所有环境默认

    #api 地址 VUE_APP_API=默认的api地址

    #title前缀 VUE_APP_TITLE=凌凯

    #cdn地址 VUE_APP_CDN=https://www.eotodo.com

    .env.production 生产环境配置

    生产环境

    #api 地址 VUE_APP_API=生产环境的api地址

    #开发环境的参数A VUE_APP_A=生产环境的参数A

    .env.development开发环境配置

    开发环境

    #api 地址 VUE_APP_API=开发环境的api地址

    #开发环境的参数A VUE_APP_A=开发环境的参数A

    view视图中调用

    {{title}}---webpackdemo测试

    {{cdn}}
    {{api}}
    {{a}}

    2020-02-06 16:18:30
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载