blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

JS: failed attempt at connecting to a dynamic endpoint URL

Browse Source 
It works for the API calls, but fails to forward the URL to the Vue app
instance.
This commit is contained in:
Sybren A. Stüvel 2022-04-01 16:54:47 +02:00
parent e990603311
commit 96cd064533
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/app/src/main.js
View File

@ -13,9 +13,17 @@ import {
import "bootstrap/dist/css/bootstrap.css"; import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css"; import "bootstrap-vue/dist/bootstrap-vue.css";
let url = new URL(window.location);
url.port = "8080";
const flamencoAPIURL = url.href;
url.protocol = "ws:";
const websocketURL = url.href;
console.log("Flamenco API:", flamencoAPIURL);
console.log("Websocket :", websocketURL);
let flamencoManager = require('flamenco-manager'); let flamencoManager = require('flamenco-manager');
let apiClient = new flamencoManager.ApiClient("http://localhost:8080/"); let apiClient = new flamencoManager.ApiClient(flamencoAPIURL);
var api = new flamencoManager.JobsApi(apiClient); var api = new flamencoManager.JobsApi(apiClient);
var jobId = "07d134bc-0614-4477-9b1f-e238f0f0391a"; var jobId = "07d134bc-0614-4477-9b1f-e238f0f0391a";
api.fetchJob(jobId).then(function(data) { api.fetchJob(jobId).then(function(data) {
@ -25,6 +33,7 @@ api.fetchJob(jobId).then(function(data) {
}); });
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.config.serverUrl = websocketURL;
Vue.use(FormInputPlugin); Vue.use(FormInputPlugin);
Vue.use(NavbarPlugin); Vue.use(NavbarPlugin);
@ -34,9 +43,8 @@ Vue.component("b-input-group", BInputGroup);
Vue.component("b-button", BButton); Vue.component("b-button", BButton);
Vue.use(IconsPlugin); Vue.use(IconsPlugin);
var app = new Vue({ var vueApp = new Vue({
render: h => h(App), render: h => h(App),
}); });
app.$mount("#app"); vueApp.$mount("#app");