diff --git a/resources/assets/src/components/ApplyToPlayerDialog.vue b/resources/assets/src/components/ApplyToPlayerDialog.vue
index 4bc5cb09..43dc81cb 100644
--- a/resources/assets/src/components/ApplyToPlayerDialog.vue
+++ b/resources/assets/src/components/ApplyToPlayerDialog.vue
@@ -98,7 +98,7 @@ export default {
       }
     },
     avatarUrl(player) {
-      return `${blessing.base_url}/avatar/35/${player.tid_skin}`
+      return `${document.baseURI}avatar/35/${player.tid_skin}`
     },
   },
 }
diff --git a/resources/assets/src/components/Captcha.vue b/resources/assets/src/components/Captcha.vue
index eb216c66..653d6db5 100644
--- a/resources/assets/src/components/Captcha.vue
+++ b/resources/assets/src/components/Captcha.vue
@@ -23,7 +23,7 @@
     <div>
       <img
         class="captcha"
-        :src="`${baseUrl}/auth/captcha?v=${time}`"
+        :src="`${baseUrl}auth/captcha?v=${time}`"
         alt="CAPTCHA"
         :title="$t('auth.change-captcha')"
         data-placement="top"
@@ -45,7 +45,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
diff --git a/resources/assets/src/components/ClosetItem.vue b/resources/assets/src/components/ClosetItem.vue
index a3b8f3c4..0d6d06da 100644
--- a/resources/assets/src/components/ClosetItem.vue
+++ b/resources/assets/src/components/ClosetItem.vue
@@ -72,10 +72,10 @@ export default {
   },
   computed: {
     previewLink() {
-      return `${blessing.base_url}/preview/${this.tid}.png`
+      return `${document.baseURI}preview/${this.tid}.png`
     },
     linkToSkinlib() {
-      return `${blessing.base_url}/skinlib/show/${this.tid}`
+      return `${document.baseURI}skinlib/show/${this.tid}`
     },
   },
   methods: {
diff --git a/resources/assets/src/components/SkinLibItem.vue b/resources/assets/src/components/SkinLibItem.vue
index 5fdbe7af..320819e7 100644
--- a/resources/assets/src/components/SkinLibItem.vue
+++ b/resources/assets/src/components/SkinLibItem.vue
@@ -55,10 +55,10 @@ export default {
   },
   computed: {
     urlToDetail() {
-      return `${blessing.base_url}/skinlib/show/${this.tid}`
+      return `${document.baseURI}skinlib/show/${this.tid}`
     },
     urlToPreview() {
-      return `${blessing.base_url}/preview/${this.tid}.png`
+      return `${document.baseURI}preview/${this.tid}.png`
     },
     likeActionText() {
       if (this.anonymous) {
diff --git a/resources/assets/src/scripts/check-updates.ts b/resources/assets/src/scripts/check-updates.ts
index 26637f2f..9c861e2e 100644
--- a/resources/assets/src/scripts/check-updates.ts
+++ b/resources/assets/src/scripts/check-updates.ts
@@ -8,11 +8,11 @@ const init: RequestInit = {
 }
 
 export async function checkForUpdates(): Promise<void> {
-  const response = await fetch(`${blessing.base_url}/admin/update/check`, init)
+  const response = await fetch(`${document.baseURI}admin/update/check`, init)
 
   if (response.ok) {
     const data = await response.json()
-    const el = document.querySelector(`[href="${blessing.base_url}/admin/update"] p`)
+    const el = document.querySelector(`[href="${document.baseURI}admin/update"] p`)
     if (data.available && el) {
       el.innerHTML += '<span class="right badge badge-primary">New</span>'
     }
@@ -20,11 +20,11 @@ export async function checkForUpdates(): Promise<void> {
 }
 
 export async function checkForPluginUpdates(): Promise<void> {
-  const response = await fetch(`${blessing.base_url}/admin/plugins/market/check`, init)
+  const response = await fetch(`${document.baseURI}admin/plugins/market/check`, init)
 
   if (response.ok) {
     const data = await response.json()
-    const el = document.querySelector(`[href="${blessing.base_url}/admin/plugins/market"] p`)
+    const el = document.querySelector(`[href="${document.baseURI}admin/plugins/market"] p`)
     if (data.available && el) {
       const length = data.plugins.length as number
       el.innerHTML += `<span class="right badge badge-success">${length}</span>`
diff --git a/resources/assets/src/scripts/init.ts b/resources/assets/src/scripts/init.ts
index 0e55e4b3..8c3060ef 100644
--- a/resources/assets/src/scripts/init.ts
+++ b/resources/assets/src/scripts/init.ts
@@ -6,12 +6,12 @@ import $ from 'jquery'
 // @ts-ignore
 declare let __webpack_public_path__: string
 
-const url = new URL(blessing.base_url)
+const url = new URL(document.baseURI)
 url.port = '8080'
 
 __webpack_public_path__ = process.env.NODE_ENV === 'development'
   ? url.toString()
-  : `${blessing.base_url}/app/`
+  : `${document.baseURI}app/`
 
 // @ts-ignore
 window.$ = window.jQuery = $ // eslint-disable-line
diff --git a/resources/assets/src/scripts/logout.ts b/resources/assets/src/scripts/logout.ts
index 56b35ca6..fce7bea0 100644
--- a/resources/assets/src/scripts/logout.ts
+++ b/resources/assets/src/scripts/logout.ts
@@ -12,7 +12,7 @@ export async function logout() {
   }
 
   const { message } = await post('/auth/logout')
-  setTimeout(() => (window.location.href = blessing.base_url), 1000)
+  setTimeout(() => (window.location.href = document.baseURI), 1000)
   Message.success(message)
 }
 
diff --git a/resources/assets/src/scripts/net.ts b/resources/assets/src/scripts/net.ts
index 583492bd..632ef9cf 100644
--- a/resources/assets/src/scripts/net.ts
+++ b/resources/assets/src/scripts/net.ts
@@ -79,7 +79,9 @@ export function get(url: string, params = empty): Promise<any> {
 
   const qs = queryStringify(params)
 
-  return walkFetch(new Request(`${blessing.base_url}${url}${qs && `?${qs}`}`, init))
+  return walkFetch(
+    new Request(`${document.baseURI.slice(0, -1)}${url}${qs && `?${qs}`}`, init),
+  )
 }
 
 function nonGet(method: string, url: string, data: any): Promise<any> {
@@ -91,7 +93,7 @@ function nonGet(method: string, url: string, data: any): Promise<any> {
 
   const isFormData = data instanceof FormData
 
-  const request = new Request(`${blessing.base_url}${url}`, {
+  const request = new Request(`${document.baseURI.slice(0, -1)}${url}`, {
     body: isFormData ? data : JSON.stringify(data),
     method: method.toUpperCase(),
     ...init,
diff --git a/resources/assets/src/views/admin/Players.vue b/resources/assets/src/views/admin/Players.vue
index 041525d7..f07ea9c0 100644
--- a/resources/assets/src/views/admin/Players.vue
+++ b/resources/assets/src/views/admin/Players.vue
@@ -22,7 +22,7 @@
         </span>
         <span v-else-if="props.column.field === 'uid'">
           <a
-            :href="`${baseUrl}/admin/users?uid=${props.row.uid}`"
+            :href="`${baseUrl}admin/users?uid=${props.row.uid}`"
             :title="$t('admin.inspectHisOwner')"
             data-toggle="tooltip"
             data-placement="right"
@@ -34,15 +34,15 @@
         <span v-else-if="props.column.field === 'preview'">
           <a
             v-if="props.row.tid_skin"
-            :href="`${baseUrl}/skinlib/show/${props.row.tid_skin}`"
+            :href="`${baseUrl}skinlib/show/${props.row.tid_skin}`"
           >
-            <img :src="`${baseUrl}/preview/64/${props.row.tid_skin}.png`" width="64">
+            <img :src="`${baseUrl}preview/64/${props.row.tid_skin}.png`" width="64">
           </a>
           <a
             v-if="props.row.tid_cape"
-            :href="`${baseUrl}/skinlib/show/${props.row.tid_cape}`"
+            :href="`${baseUrl}skinlib/show/${props.row.tid_cape}`"
           >
-            <img :src="`${baseUrl}/preview/64/${props.row.tid_cape}.png`" width="64">
+            <img :src="`${baseUrl}preview/64/${props.row.tid_cape}.png`" width="64">
           </a>
         </span>
         <span v-else-if="props.column.field === 'operations'">
@@ -133,7 +133,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
diff --git a/resources/assets/src/views/admin/Plugins.vue b/resources/assets/src/views/admin/Plugins.vue
index b3ca4bc6..a630a948 100644
--- a/resources/assets/src/views/admin/Plugins.vue
+++ b/resources/assets/src/views/admin/Plugins.vue
@@ -16,7 +16,7 @@
               <a
                 v-t="'admin.configurePlugin'"
                 class="text-primary"
-                :href="`${baseUrl}/admin/plugins/config/${props.row.name}`"
+                :href="`${baseUrl}admin/plugins/config/${props.row.name}`"
               /> |
             </template>
             <a
@@ -94,7 +94,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
diff --git a/resources/assets/src/views/admin/Reports.vue b/resources/assets/src/views/admin/Reports.vue
index 63044eda..2ddaa02a 100644
--- a/resources/assets/src/views/admin/Reports.vue
+++ b/resources/assets/src/views/admin/Reports.vue
@@ -16,7 +16,7 @@
       <template #table-row="props">
         <span v-if="props.column.field === 'tid'">
           {{ props.formattedRow[props.column.field] }}
-          <a :href="`${baseUrl}/skinlib/show/${props.row.tid}`">{{ $t('report.check') }}</a>
+          <a :href="`${baseUrl}skinlib/show/${props.row.tid}`">{{ $t('report.check') }}</a>
           <a href="#" @click="deleteTexture(props.row)">
             {{ $t('report.delete') }}
           </a>
@@ -66,7 +66,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
diff --git a/resources/assets/src/views/admin/Update.vue b/resources/assets/src/views/admin/Update.vue
index 12d664ba..ca3793f1 100644
--- a/resources/assets/src/views/admin/Update.vue
+++ b/resources/assets/src/views/admin/Update.vue
@@ -77,7 +77,7 @@ export default {
         return
       }
       await this.$alert(this.$t('admin.updateCompleted'), { type: 'success' })
-      window.location = blessing.base_url
+      window.location = document.baseURI
     },
     async polling() {
       const percentage = await this.$http.get(
diff --git a/resources/assets/src/views/admin/Users.vue b/resources/assets/src/views/admin/Users.vue
index a83e2942..23f6ad57 100644
--- a/resources/assets/src/views/admin/Users.vue
+++ b/resources/assets/src/views/admin/Users.vue
@@ -113,7 +113,7 @@ export default {
       }
     },
     playersLink(user) {
-      return `${blessing.base_url}/admin/players?uid=${user.uid}`
+      return `${document.baseURI}admin/players?uid=${user.uid}`
     },
   },
   mixins: [
diff --git a/resources/assets/src/views/auth/Forgot.vue b/resources/assets/src/views/auth/Forgot.vue
index 2f8739a6..44282cd4 100644
--- a/resources/assets/src/views/auth/Forgot.vue
+++ b/resources/assets/src/views/auth/Forgot.vue
@@ -27,7 +27,7 @@
     </div>
 
     <div class="d-flex justify-content-between">
-      <a v-t="'auth.forgot.login-link'" :href="`${baseUrl}/auth/login`" class="text-center" />
+      <a v-t="'auth.forgot.login-link'" :href="`${baseUrl}auth/login`" class="text-center" />
       <button
         class="btn btn-primary"
         type="submit"
@@ -57,7 +57,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data: () => ({
diff --git a/resources/assets/src/views/auth/Login.vue b/resources/assets/src/views/auth/Login.vue
index 09a743d4..c9bf3025 100644
--- a/resources/assets/src/views/auth/Login.vue
+++ b/resources/assets/src/views/auth/Login.vue
@@ -39,7 +39,7 @@
       <div>
         <el-switch v-model="remember" :active-text="$t('auth.keep')" />
       </div>
-      <a v-t="'auth.forgot-link'" :href="`${baseUrl}/auth/forgot`" />
+      <a v-t="'auth.forgot-link'" :href="`${baseUrl}auth/forgot`" />
     </div>
 
     <button
@@ -74,7 +74,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
diff --git a/resources/assets/src/views/auth/Register.vue b/resources/assets/src/views/auth/Register.vue
index 5b279011..6f379f6c 100644
--- a/resources/assets/src/views/auth/Register.vue
+++ b/resources/assets/src/views/auth/Register.vue
@@ -101,7 +101,7 @@
     </div>
 
     <div class="d-flex justify-content-between mb-3">
-      <a v-t="'auth.login-link'" :href="`${baseUrl}/auth/login`" class="text-center" />
+      <a v-t="'auth.login-link'" :href="`${baseUrl}auth/login`" class="text-center" />
       <div>
         <button
           class="btn btn-primary"
@@ -133,7 +133,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data: () => ({
@@ -171,7 +171,7 @@ export default {
       if (code === 0) {
         this.$message.success(message)
         setTimeout(() => {
-          window.location = `${blessing.base_url}/user`
+          window.location = `${document.baseURI}user`
         }, 1000)
       } else {
         this.infoMsg = ''
diff --git a/resources/assets/src/views/auth/Reset.vue b/resources/assets/src/views/auth/Reset.vue
index 0772f65d..73595241 100644
--- a/resources/assets/src/views/auth/Reset.vue
+++ b/resources/assets/src/views/auth/Reset.vue
@@ -91,7 +91,7 @@ export default {
       )
       if (code === 0) {
         this.$message.success(message)
-        window.location = `${blessing.base_url}/auth/login`
+        window.location = `${document.baseURI}auth/login`
       } else {
         this.infoMsg = ''
         this.warningMsg = message
diff --git a/resources/assets/src/views/skinlib/Show.vue b/resources/assets/src/views/skinlib/Show.vue
index e330eb45..09d0badd 100644
--- a/resources/assets/src/views/skinlib/Show.vue
+++ b/resources/assets/src/views/skinlib/Show.vue
@@ -121,7 +121,7 @@
                 <td v-t="'skinlib.show.uploader'" />
                 <td v-if="uploaderNickName !== null">
                   <a
-                    :href="`${baseUrl}/skinlib?filter=${type === 'cape' ? 'cape' : 'skin'}&uploader=${uploader}`"
+                    :href="`${baseUrl}skinlib?filter=${type === 'cape' ? 'cape' : 'skin'}&uploader=${uploader}`"
                   >{{ uploaderNickName }}</a>
                 </td>
                 <td v-else><span v-t="'general.unexistent-user'" /></td>
@@ -187,7 +187,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
@@ -220,7 +220,7 @@ export default {
       return this.public ? 'skinlib.setAsPrivate' : 'skinlib.setAsPublic'
     },
     textureUrl() {
-      return `${this.baseUrl}/textures/${this.hash}`
+      return `${this.baseUrl}textures/${this.hash}`
     },
   },
   beforeMount() {
@@ -248,7 +248,7 @@ export default {
     },
     download() {
       const a = document.createElement('a')
-      a.href = `${this.baseUrl}/raw/${this.tid}.png`
+      a.href = `${this.baseUrl}raw/${this.tid}.png`
       a.download = `${this.name}.png`
       const event = new MouseEvent('click')
       a.dispatchEvent(event)
@@ -345,7 +345,7 @@ export default {
       )
       if (code === 0) {
         this.$message.success(message)
-        setTimeout(() => (window.location = `${this.baseUrl}/skinlib`), 1000)
+        setTimeout(() => (window.location = `${this.baseUrl}skinlib`), 1000)
       } else {
         this.$message.warning(message)
       }
diff --git a/resources/assets/src/views/skinlib/Upload.vue b/resources/assets/src/views/skinlib/Upload.vue
index 23a5d12c..7366fed0 100644
--- a/resources/assets/src/views/skinlib/Upload.vue
+++ b/resources/assets/src/views/skinlib/Upload.vue
@@ -168,7 +168,7 @@ export default {
       if (code === 0) {
         this.$message.success(message)
         setTimeout(() => {
-          window.location = `${blessing.base_url}/skinlib/show/${tid}`
+          window.location = `${document.baseURI}skinlib/show/${tid}`
         }, 1000)
       } else {
         this.$message.error(message)
diff --git a/resources/assets/src/views/user/Bind.vue b/resources/assets/src/views/user/Bind.vue
index 7531c6c7..e3371cc2 100644
--- a/resources/assets/src/views/user/Bind.vue
+++ b/resources/assets/src/views/user/Bind.vue
@@ -65,7 +65,7 @@ export default {
       this.pending = false
       if (code === 0) {
         await this.$alert(message)
-        window.location.href = `${blessing.base_url}/user`
+        window.location.href = `${document.baseURI}user`
       } else {
         this.message = message
       }
diff --git a/resources/assets/src/views/user/Closet.vue b/resources/assets/src/views/user/Closet.vue
index bb04b897..4f0b38df 100644
--- a/resources/assets/src/views/user/Closet.vue
+++ b/resources/assets/src/views/user/Closet.vue
@@ -32,7 +32,7 @@
                 <li class="nav-item d-none d-md-block">
                   <a
                     v-t="'user.closet.upload'"
-                    :href="`${baseUrl}/skinlib/upload`"
+                    :href="`${baseUrl}skinlib/upload`"
                     class="nav-link"
                   />
                 </li>
@@ -195,7 +195,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data: () => ({
@@ -212,8 +212,8 @@ export default {
     model: 'steve',
     selectedCape: 0,
     capeUrl: '',
-    linkToSkin: `${blessing.base_url}/skinlib?filter=skin`,
-    linkToCape: `${blessing.base_url}/skinlib?filter=cape`,
+    linkToSkin: `${document.baseURI}skinlib?filter=skin`,
+    linkToCape: `${document.baseURI}skinlib?filter=cape`,
   }),
   created() {
     this.search = debounce(this.loadCloset, 350)
diff --git a/resources/assets/src/views/user/Players.vue b/resources/assets/src/views/user/Players.vue
index b8846081..3d6ade5a 100644
--- a/resources/assets/src/views/user/Players.vue
+++ b/resources/assets/src/views/user/Players.vue
@@ -82,10 +82,10 @@
             <div id="preview-2d">
               <p>
                 {{ $t('general.skin') }}
-                <a v-if="preview2d.skin" :href="`${baseUrl}/skinlib/show/${preview2d.skin}`">
+                <a v-if="preview2d.skin" :href="`${baseUrl}skinlib/show/${preview2d.skin}`">
                   <img
                     class="skin2d"
-                    :src="`${baseUrl}/preview/64/${preview2d.skin}.png`"
+                    :src="`${baseUrl}preview/64/${preview2d.skin}.png`"
                   >
                 </a>
                 <span v-else v-t="'user.player.texture-empty'" class="skin2d" />
@@ -93,10 +93,10 @@
 
               <p>
                 {{ $t('general.cape') }}
-                <a v-if="preview2d.cape" :href="`${baseUrl}/skinlib/show/${preview2d.cape}`">
+                <a v-if="preview2d.cape" :href="`${baseUrl}skinlib/show/${preview2d.cape}`">
                   <img
                     class="skin2d"
-                    :src="`${baseUrl}/preview/64/${preview2d.cape}.png`"
+                    :src="`${baseUrl}preview/64/${preview2d.cape}.png`"
                   >
                 </a>
                 <span v-else v-t="'user.player.texture-empty'" class="skin2d" />
@@ -172,7 +172,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
@@ -214,7 +214,7 @@ export default {
 
       if (player.tid_skin) {
         const { data: skin } = await this.$http.get(`/skinlib/info/${player.tid_skin}`)
-        this.skinUrl = `${this.baseUrl}/textures/${skin.hash}`
+        this.skinUrl = `${this.baseUrl}textures/${skin.hash}`
         this.model = skin.type
       } else {
         this.skinUrl = ''
@@ -222,7 +222,7 @@ export default {
       }
       if (player.tid_cape) {
         const { data: cape } = await this.$http.get(`/skinlib/info/${player.tid_cape}`)
-        this.capeUrl = `${this.baseUrl}/textures/${cape.hash}`
+        this.capeUrl = `${this.baseUrl}textures/${cape.hash}`
       } else {
         this.capeUrl = ''
       }
diff --git a/resources/assets/src/views/user/Profile.vue b/resources/assets/src/views/user/Profile.vue
index d8025fae..3d9029eb 100644
--- a/resources/assets/src/views/user/Profile.vue
+++ b/resources/assets/src/views/user/Profile.vue
@@ -265,7 +265,7 @@ export default {
       )
       if (code === 0) {
         await this.$alert(message)
-        return (window.location = `${blessing.base_url}/auth/login`)
+        return (window.location = `${document.baseURI}auth/login`)
       }
       return this.$alert(message, { type: 'warning' })
     },
@@ -304,7 +304,7 @@ export default {
       )
       if (code === 0) {
         await this.$message.success(message)
-        return (window.location = `${blessing.base_url}/auth/login`)
+        return (window.location = `${document.baseURI}auth/login`)
       }
       return this.$alert(message, { type: 'warning' })
     },
@@ -317,7 +317,7 @@ export default {
       )
       if (code === 0) {
         await this.$alert(message, { type: 'success' })
-        window.location = `${blessing.base_url}/auth/login`
+        window.location = `${document.baseURI}auth/login`
       } else {
         return this.$alert(message, { type: 'warning' })
       }
diff --git a/resources/assets/src/views/user/Report.vue b/resources/assets/src/views/user/Report.vue
index f108b052..74989a9d 100644
--- a/resources/assets/src/views/user/Report.vue
+++ b/resources/assets/src/views/user/Report.vue
@@ -10,7 +10,7 @@
       <template #table-row="props">
         <span v-if="props.column.field === 'tid'">
           {{ props.formattedRow[props.column.field] }}
-          <a :href="`${baseUrl}/skinlib/show/${props.row.tid}`">
+          <a :href="`${baseUrl}skinlib/show/${props.row.tid}`">
             <i class="fa fa-share" />
           </a>
         </span>
@@ -43,7 +43,7 @@ export default {
   props: {
     baseUrl: {
       type: String,
-      default: blessing.base_url,
+      default: document.baseURI,
     },
   },
   data() {
diff --git a/resources/assets/tests/setup.ts b/resources/assets/tests/setup.ts
index b2a6560c..0794c41a 100644
--- a/resources/assets/tests/setup.ts
+++ b/resources/assets/tests/setup.ts
@@ -8,6 +8,10 @@ import {
   Switch,
 } from 'element-ui'
 
+Object.defineProperty(document, 'baseURI', {
+  get: () => '/',
+})
+
 window.blessing = {
   base_url: '',
   site_name: 'Blessing Skin',
diff --git a/resources/views/shared/head.twig b/resources/views/shared/head.twig
index 0301cc63..b756168b 100644
--- a/resources/views/shared/head.twig
+++ b/resources/views/shared/head.twig
@@ -1,3 +1,4 @@
+<base href="{{ url('/') }}">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">