API service configuration of a vuejs project.

example.js

import settings from 'settings'

export const baseUrls = new ProjectSettings(settings, [
  'ibasic-api', 'iqc-api'
]).baseUrls

project-settings.js

class ProjectSettings {
  constructor(settings, serviceNameList) {
    this.settings = settings
    this.serviceNameList = serviceNameList
    this.generateBaseUrls()
  }

  getServiceBaseUrl(serviceName) {
    let server = settings.SERVERS.find(item => 
      item.SERVER_NAME === serviceName
    )
    return server ? `http://${server.HOST}:${server.PORT}/${serviceName}` : undefined
  }

  generateBaseUrls() {
    let baseUrls = {}
    this.serviceNameList.forEach(serviceName => {
      baseUrls[serviceName] = this.getServiceBaseUrl((serviceName))
    })
    this.baseUrls = baseUrls
  }
}

settings.js

var settings = {
  SERVERS: [
    {
      SERVER_NAME: 'ibasic-api',
      HOST: '192.168.2.103',
      PORT: 5555
    },
    {
      SERVER_NAME: 'iqc-api',
      HOST: '192.168.2.103',
      PORT: 5555
    }
  ]
}