方式一:通过export default

const BASEURL = "http://localhost:3333/"
  const URL = {
    getCategory:BASEURL+'category',
    getGoodsInfo:BASEURL+'getGoodsInfo'
  }
  export default URL
  在入口文件中引入
  import url from './api/api'
  Vue.prototype.URL=url;

方式二:通过module.exports

const BASEURL = "http://localhost:3333/"
const URL = {
getCategory:BASEURL+'category',
getGoodsInfo:BASEURL+'getGoodsInfo'
}

module.exports = URL;

在入口文件中引入Vue.prototype.URL=require(’./api/api.js’);
其实以上两种都是Vue.prototype原型引入;

方式三:通过node.js的global全局变量

global.apiBase={}
apiBase.baseUrl='http://localhost:3333/'

apiBase.getBanner="/banners"
apiBase.getcategory="/category"

export default {
  apiBase
};

在路口文件中直接引入
import ApiBase from ‘./api/api’

方式四:通过VUEX的状态管理

  import Vue from 'vue';

   import Vuex from 'vuex';Vue.use(Vuex);

   const state = {}

直接定义在state状态里面

Logo

前往低代码交流专区

更多推荐