美文网首页
vue 的全局变量文件:.env

vue 的全局变量文件:.env

作者: Yluozi | 来源:发表于2021-04-20 15:48 被阅读0次

    1.项目根目录下创建.env 文件
    2.配置文件里的属性名必须以VUE_APP_开头,比如在.env文件这样声明一个环境变量:
    VUE_APP_URL = "www.baidu.com"
    3.代码里使用
    console.log(process.env.VUE_APP_URL )
    备注
    .env文件在vue项目启动时加载,如果没有起到作用,可能是缓存的问题,删除node_modules下的.cache文件试试。

    .env 全局默认配置文件,不论什么环境都会加载合并
    .env.development 开发环境下的配置文件
    .env.production 生产环境下的配置文件

    如:

    写法一

    在项目文件内加入.env.ci文件

    # just a flag
    ENV = 'ci'
    
    # base api
    VUE_APP_BASE_API = 'http://10.120.150.147:9088/knmarket-manage-api'
    # 认证中心
    VUE_APP_AUTHORIZATION_CENTER = 'http://10.120.150.147:8180'
    
    
    

    写法二

    VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址,在config内加ci.env.js文件

    'use strict'
    const merge = require('webpack-merge')
    const ciEnv = require('./ci.env')
    
    module.exports = merge(ciEnv, {
      NODE_ENV: '"ci"',
      VUE_APP_STATIC_URL: '"/kj/"',
      VUE_DEPARTMENTID: '114',
      VUE_APP_BASE_URL: '"http://10.120.150.147:8082/knmarket-web"'
    })
    
    

    相关文章

      网友评论

          本文标题:vue 的全局变量文件:.env

          本文链接:https://www.haomeiwen.com/subject/qgbglltx.html