PhotonVision/photon-client/src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import vuetify from './plugins/vuetify';
import msgPack from 'msgpack5';
import axios from 'axios';
import VueAxios from "vue-axios";

Vue.config.productionTip = false;

if (process.env.NODE_ENV === "production") {
    Vue.prototype.$address = location.host;
} else if (process.env.NODE_ENV === "development") {
    Vue.prototype.$address = location.hostname + ":5800";
}

const wsURL = '//' + Vue.prototype.$address + '/websocket';

import VueNativeSock from 'vue-native-websocket';

Vue.use(VueNativeSock, wsURL, {
    reconnection: true,
    reconnectionDelay: 100,
    connectManually: true,
    format: "arraybuffer",
});
Vue.use(VueAxios, axios);
Vue.prototype.$msgPack = msgPack(true);

import {dataHandleMixin} from './mixins/global/dataHandleMixin'
Vue.mixin(dataHandleMixin);

import {stateMixin} from './mixins/global/stateMixin'
Vue.mixin(stateMixin);

new Vue({
    router,
    store,
    vuetify,
    render: h => h(App)
}).$mount('#app');