diff --git a/src/views/audit/PolicyViolationAudit.vue b/src/views/audit/PolicyViolationAudit.vue
index 64918916c..80308b4d4 100644
--- a/src/views/audit/PolicyViolationAudit.vue
+++ b/src/views/audit/PolicyViolationAudit.vue
@@ -356,7 +356,7 @@ export default {
           formatter: (value, row, index) => {
             if (row.component) {
               let url = xssFilters.uriInUnQuotedAttr(
-                '../../../components/' + row.component.uuid,
+                './components/' + row.component.uuid,
               );
               let name = common.concatenateComponentName(
                 null,
@@ -364,7 +364,7 @@ export default {
                 row.component.version,
               );
               let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-                '../../../projects/' +
+                './projects/' +
                   row.project.uuid +
                   '/dependencyGraph/' +
                   row.component.uuid,
@@ -384,7 +384,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../projects/' + row.project.uuid,
+              './projects/' + row.project.uuid,
             );
             let name = common.concatenateComponentName(
               null,
@@ -429,7 +429,7 @@ export default {
               )
             ) {
               let licenseurl =
-                '../../../licenses/' + row.component.resolvedLicense.licenseId;
+                './licenses/' + row.component.resolvedLicense.licenseId;
               return (
                 '<a href="' +
                 licenseurl +
diff --git a/src/views/globalAudit/VulnerabilityAuditByOccurrence.vue b/src/views/globalAudit/VulnerabilityAuditByOccurrence.vue
index 806e1f351..6ad19a02d 100644
--- a/src/views/globalAudit/VulnerabilityAuditByOccurrence.vue
+++ b/src/views/globalAudit/VulnerabilityAuditByOccurrence.vue
@@ -491,7 +491,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../vulnerabilities/' + row.vulnerability.source + '/' + value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +
@@ -586,7 +586,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../projects/' + row.component.project,
+              './projects/' + row.component.project,
             );
             let name = common.concatenateComponentName(
               null,
@@ -602,10 +602,10 @@ export default {
           sortable: true,
           formatter: (value, row, index) => {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.component.uuid,
+              './components/' + row.component.uuid,
             );
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
+              './projects/' +
                 row.component.project +
                 '/dependencyGraph/' +
                 row.component.uuid,
diff --git a/src/views/globalAudit/VulnerabilityAuditGroupedByVulnerability.vue b/src/views/globalAudit/VulnerabilityAuditGroupedByVulnerability.vue
index 893045c8e..4a7dfb751 100644
--- a/src/views/globalAudit/VulnerabilityAuditGroupedByVulnerability.vue
+++ b/src/views/globalAudit/VulnerabilityAuditGroupedByVulnerability.vue
@@ -456,7 +456,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../vulnerabilities/' + row.vulnerability.source + '/' + value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +
diff --git a/src/views/portfolio/components/ComponentSearch.vue b/src/views/portfolio/components/ComponentSearch.vue
index da58b7208..6f2358a84 100644
--- a/src/views/portfolio/components/ComponentSearch.vue
+++ b/src/views/portfolio/components/ComponentSearch.vue
@@ -223,10 +223,7 @@ export default {
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr('../components/' + row.uuid);
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
-                row.project.uuid +
-                '/dependencyGraph/' +
-                row.uuid,
+              './projects/' + row.project.uuid + '/dependencyGraph/' + row.uuid,
             );
             return row.project.directDependencies
               ? `<a href="${dependencyGraphUrl}"<i class="fa fa-sitemap" aria-hidden="true" style="float:right; padding-top: 4px; cursor:pointer" data-toggle="tooltip" data-placement="bottom" title="Show in dependency graph"></i></a> ` +
@@ -291,7 +288,7 @@ export default {
           sortable: false,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../projects/' + row.project.uuid,
+              './projects/' + row.project.uuid,
             );
             let name = common.concatenateComponentName(
               null,
@@ -312,8 +309,7 @@ export default {
             }
 
             let url = xssFilters.uriInUnQuotedAttr(
-              '../licenses/' +
-                encodeURIComponent(row.resolvedLicense.licenseId),
+              './licenses/' + encodeURIComponent(row.resolvedLicense.licenseId),
             );
             return `<a href="${url}">${xssFilters.inHTMLData(row.resolvedLicense.name)}</a>`;
           },
diff --git a/src/views/portfolio/licenses/LicenseList.vue b/src/views/portfolio/licenses/LicenseList.vue
index 6f0341025..35cd88eb9 100644
--- a/src/views/portfolio/licenses/LicenseList.vue
+++ b/src/views/portfolio/licenses/LicenseList.vue
@@ -70,7 +70,7 @@ export default {
           sortable: true,
           formatter: function (value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../licenses/' + encodeURIComponent(value),
+              './licenses/' + encodeURIComponent(value),
             );
             return `<a href="${url}">${xssFilters.inHTMLData(value)}</a>`;
           },
diff --git a/src/views/portfolio/projects/ComponentVulnerabilities.vue b/src/views/portfolio/projects/ComponentVulnerabilities.vue
index 491438374..e511ea921 100644
--- a/src/views/portfolio/projects/ComponentVulnerabilities.vue
+++ b/src/views/portfolio/projects/ComponentVulnerabilities.vue
@@ -36,7 +36,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../vulnerabilities/' + row.source + '/' + value,
+              './vulnerabilities/' + row.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.source) +
@@ -55,7 +55,7 @@ export default {
               for (let i = 0; i < aliases.length; i++) {
                 let alias = aliases[i];
                 let url = xssFilters.uriInUnQuotedAttr(
-                  '../../vulnerabilities/' + alias.source + '/' + alias.vulnId,
+                  './vulnerabilities/' + alias.source + '/' + alias.vulnId,
                 );
                 label +=
                   common.formatSourceLabel(alias.source) +
diff --git a/src/views/portfolio/projects/ProjectComponents.vue b/src/views/portfolio/projects/ProjectComponents.vue
index 1a8468067..5b473aa5c 100644
--- a/src/views/portfolio/projects/ProjectComponents.vue
+++ b/src/views/portfolio/projects/ProjectComponents.vue
@@ -168,11 +168,9 @@ export default {
           field: 'name',
           sortable: true,
           formatter: (value, row, index) => {
-            let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.uuid,
-            );
+            let url = xssFilters.uriInUnQuotedAttr('./components/' + row.uuid);
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' + this.uuid + '/dependencyGraph/' + row.uuid,
+              './projects/' + this.uuid + '/dependencyGraph/' + row.uuid,
             );
             return (
               `<a href="${dependencyGraphUrl}"<i class="fa fa-sitemap" aria-hidden="true" style="float:right; padding-top: 4px; cursor:pointer" data-toggle="tooltip" data-placement="bottom" title="Show in dependency graph"></i></a> ` +
@@ -258,8 +256,7 @@ export default {
           sortable: false,
           formatter(value, row, index) {
             if (Object.prototype.hasOwnProperty.call(row, 'resolvedLicense')) {
-              let licenseurl =
-                '../../../licenses/' + row.resolvedLicense.licenseId;
+              let licenseurl = './licenses/' + row.resolvedLicense.licenseId;
               return (
                 '<a href="' +
                 licenseurl +
diff --git a/src/views/portfolio/projects/ProjectEpss.vue b/src/views/portfolio/projects/ProjectEpss.vue
index 6c8a6a4d2..06f3f805d 100644
--- a/src/views/portfolio/projects/ProjectEpss.vue
+++ b/src/views/portfolio/projects/ProjectEpss.vue
@@ -80,10 +80,10 @@ export default {
           sortable: true,
           formatter: (value, row, index) => {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.component.uuid,
+              './components/' + row.component.uuid,
             );
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
+              './projects/' +
                 this.uuid +
                 '/dependencyGraph/' +
                 row.component.uuid,
@@ -155,10 +155,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../vulnerabilities/' +
-                row.vulnerability.source +
-                '/' +
-                value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +
diff --git a/src/views/portfolio/projects/ProjectFindings.vue b/src/views/portfolio/projects/ProjectFindings.vue
index c805c1ed2..00f8bed75 100644
--- a/src/views/portfolio/projects/ProjectFindings.vue
+++ b/src/views/portfolio/projects/ProjectFindings.vue
@@ -160,10 +160,10 @@ export default {
           sortable: true,
           formatter: (value, row, index) => {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.component.uuid,
+              './components/' + row.component.uuid,
             );
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
+              './projects/' +
                 this.uuid +
                 '/dependencyGraph/' +
                 row.component.uuid,
@@ -235,10 +235,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../vulnerabilities/' +
-                row.vulnerability.source +
-                '/' +
-                value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +
@@ -260,10 +257,7 @@ export default {
               for (let i = 0; i < aliases.length; i++) {
                 let alias = aliases[i];
                 let url = xssFilters.uriInUnQuotedAttr(
-                  '../../../vulnerabilities/' +
-                    alias.source +
-                    '/' +
-                    alias.vulnId,
+                  './vulnerabilities/' + alias.source + '/' + alias.vulnId,
                 );
                 label +=
                   common.formatSourceLabel(alias.source) +
diff --git a/src/views/portfolio/projects/ProjectList.vue b/src/views/portfolio/projects/ProjectList.vue
index 60fa04135..20d8ada09 100644
--- a/src/views/portfolio/projects/ProjectList.vue
+++ b/src/views/portfolio/projects/ProjectList.vue
@@ -242,7 +242,7 @@ export default {
           field: 'name',
           sortable: true,
           formatter(value, row, index) {
-            let url = xssFilters.uriInUnQuotedAttr('../projects/' + row.uuid);
+            let url = xssFilters.uriInUnQuotedAttr('./projects/' + row.uuid);
             return `<a href="${url}">${xssFilters.inHTMLData(value)}</a>`;
           },
         },
diff --git a/src/views/portfolio/projects/ProjectPolicyViolations.vue b/src/views/portfolio/projects/ProjectPolicyViolations.vue
index 74888ce7a..858656336 100644
--- a/src/views/portfolio/projects/ProjectPolicyViolations.vue
+++ b/src/views/portfolio/projects/ProjectPolicyViolations.vue
@@ -104,7 +104,7 @@ export default {
           formatter: (value, row, index) => {
             if (row.component) {
               let url = xssFilters.uriInUnQuotedAttr(
-                '../../../components/' + row.component.uuid,
+                './components/' + row.component.uuid,
               );
               let name = common.concatenateComponentName(
                 null,
@@ -112,7 +112,7 @@ export default {
                 row.component.version,
               );
               let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-                '../../../projects/' +
+                './projects/' +
                   this.uuid +
                   '/dependencyGraph/' +
                   row.component.uuid,
diff --git a/src/views/portfolio/projects/ProjectServices.vue b/src/views/portfolio/projects/ProjectServices.vue
index 28029f151..63153447f 100644
--- a/src/views/portfolio/projects/ProjectServices.vue
+++ b/src/views/portfolio/projects/ProjectServices.vue
@@ -38,9 +38,7 @@ export default {
           field: 'name',
           sortable: true,
           formatter(value, row, index) {
-            let url = xssFilters.uriInUnQuotedAttr(
-              '../../../services/' + row.uuid,
-            );
+            let url = xssFilters.uriInUnQuotedAttr('./services/' + row.uuid);
             return `<a href="${url}">${xssFilters.inHTMLData(value)}</a>`;
           },
         },
diff --git a/src/views/portfolio/vulnerabilities/VulnerabilityList.vue b/src/views/portfolio/vulnerabilities/VulnerabilityList.vue
index d3fa22ee2..2f4bcfa3d 100644
--- a/src/views/portfolio/vulnerabilities/VulnerabilityList.vue
+++ b/src/views/portfolio/vulnerabilities/VulnerabilityList.vue
@@ -74,7 +74,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../vulnerabilities/' + row.source + '/' + value,
+              './vulnerabilities/' + row.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.source) +
@@ -93,7 +93,7 @@ export default {
               for (let i = 0; i < aliases.length; i++) {
                 let alias = aliases[i];
                 let url = xssFilters.uriInUnQuotedAttr(
-                  '../vulnerabilities/' + alias.source + '/' + alias.vulnId,
+                  './vulnerabilities/' + alias.source + '/' + alias.vulnId,
                 );
                 label +=
                   common.formatSourceLabel(alias.source) +