fix: working relative url for images

popstas · May 14, 2022 · ec85f7a · ec85f7a
1 parent 57ec1c4
commit ec85f7a
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -829,6 +829,12 @@ export default {
 
       // show images as images
       if (typeof valueText === 'string' && (field.type === 'image' || valueText.match(/^http.*\.(jpg|jpeg|png|gif)$/)) && valueText) {
+        // relative urls
+        if (valueText.startsWith('/') && row.url) {
+          const url = new URL(row.url);
+          valueText = `${url.origin}/${valueText}`;
+        }
+
         valueText = `<img alt="error loading image" style="width: 150px; height: auto;" src="${valueText}" title="${valueText}"/>`;
       }