Vue-cli添加全局js

Posted 飞尽堂前燕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-cli添加全局js相关的知识,希望对你有一定的参考价值。

1.填写全局config.js

function getConfig(str){
  var ajaxurl = "http://112.80.39.92:8008/webservices/rest.php?version=1.1"//测试
  // var ajaxurl = "http://112.80.39.92:8018/webservices/rest.php?version=1.1"//生产
  switch(str){
    case "ajaxurl":
      return ajaxurl
      break;
  }
}


//暴露的方法
//公开的方法
export default {
  getConfig:getConfig,//获取 公共配置方法
}

  

 

main.js 引入当前文件

import getMyConfig  from ‘./assets/js/config‘
Vue.prototype.$getMyConfig = getMyConfig;//引入配置文件


这个时候就可以全局使用了
使用方法
var ajaxurl = this.$getMyConfig.getConfig(‘ajaxurl‘);
获取url路径






以上是关于Vue-cli添加全局js的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli3使用sass全局变量(less同理)

vue-cli2使用store存储全局变量

vue-cli 引入 axios 并全局配置axios

一份关于vue-cli3项目常用项配置

vue-cli3 less全局变量

vue-cli 第三方相关