Vue xxx.js xxx.vue 中引用全局配置文件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_38362455/article/details/81588963

global.js 文件如下：
1.注意一定要使用module.exports. export default和export 均无效.

'use strict';
module.exports = {
  /*项目名称*/
  project_name: 'wechatoltest',
  /*包名*/
  package_name: 'langXu',
  /*本地启动服务端口号*/
  port: 8080
};

在.js中引用方法如下:
注意引用路径如果要在同包下如：index.js 引用 global.js的话为：require(‘./config’)

const config = require('../config');
config.package_name  可以取到对应的值

在.vue中引用方法如下：
用 this.config.package_name 可以取到对应值

<script type="text/javascript">
  import config from "../../config/global"
  export default {
    data() {
      return {
        age: 18,
        config:config
      }
    }
  }
</script>

这样的话 ，假如测试环境跟生产环境,修改配置的时候是不是很方便？
再也不用忘记某个地方没改.而重新打包了。
最后有疑问,或者有更好方法的小伙伴请联系我qq 511831389
希望大家上线顺利！！！