Set Base URL for production Build

OpenRail-Playground · Oct 2, 2024 · f5c4944 · f5c4944
1 parent a743c2b
commit f5c4944
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/src/control-center/env.d.ts b/src/control-center/env.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly BASE_URL: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
diff --git a/src/control-center/package.json b/src/control-center/package.json
@@ -11,7 +11,7 @@
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
-    "build-only": "vite build",
+    "build-only": "vite build --base=/PopupSim/",
     "coverage": "npm run test:unit -- --coverage",
     "preview": "vite preview --port 4173",
     "test": "npm run test:unit",

diff --git a/src/control-center/src/views/ImprintView.vue b/src/control-center/src/views/ImprintView.vue
@@ -3,7 +3,7 @@ import { onMounted, ref } from 'vue'
 let licensesTxt = ref<string>()
 
 onMounted(async () => {
-  fetch(`/dependencies.txt`)
+  fetch(`${import.meta.env.BASE_URL}/dependencies.txt`)
     .then((response) => response.text())
     .then((res) => {
       licensesTxt.value = res

diff --git a/src/control-center/src/views/VisualizerView.vue b/src/control-center/src/views/VisualizerView.vue
@@ -53,7 +53,7 @@ function render() {
 
   //draw background
   var baseImage = new Image()
-  baseImage.src = 'rail_icons/edited.png'
+  baseImage.src = `${import.meta.env.BASE_URL}rail_icons/edited.png`
   baseImage.onload = function () {
     ctx.drawImage(baseImage, 0, 0)
   }
@@ -162,7 +162,7 @@ function drawColoredRect(ctx, x, y, color) {
 
 function drawImage(ctx, name, x, y) {
   const image = new Image()
-  image.src = `/rail_icons/${name}`
+  image.src = `${import.meta.env.BASE_URL}rail_icons/${name}`
   image.onload = function () {
     ctx.drawImage(this, x, y)
   }

diff --git a/src/control-center/tsconfig.app.json b/src/control-center/tsconfig.app.json
@@ -4,6 +4,7 @@
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "strict": false,
+    "types": ["vite/client"],
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "baseUrl": ".",