我正在開始一個新專案，我正在嘗試呈現鏈接串列。我的鏈接網址以“www.sitename.com”格式存盤在表格中。它們呈現正常，但是當我點擊其中一個時，我得到的是：“localhost/8080/www.sitename.com”，而不是被重定向到“www.sitename.com”。所以，如果我理解正確，這意味著 VueJS 默認連接:href=""當前 url？我如何防止這種情況？
我通過將“https://”子字串硬編碼到我的 Vue 組件中解決了我的問題（見下文），但我相信可能有更好的方法來解決這個問題。歡迎任何意見。
<template>
<div :key="link.id">
<a
:href="'https://' link.url"
target="_blank"
>
{{link.title}}
</a>
</div>
</template>
<script>
export default {
name: "Link",
props: ["link"]
};
</script>
′′′
uj5u.com熱心網友回復：
一個 URI 參考要么是一個 URI，要么是一個相對參考，當它不以方案組件開始，后跟一個冒號 (:)。
因此www.sitename.com被視為相對 URL。
- https://www.contentkingapp.com/academy/urls/faq/absolute-vs-relative/#:~:text=A relative URL is a,as the page it's on。
相對 URL 是只包含路徑的 URL。路徑是域之后的所有內容，包括目錄和 slug。由于相對 URL 不包括整個 URL 結構，因此假設鏈接相對 URL 時，它使用與其所在頁面相同的協議、子域和域。
- 綜上所述，以 www 開頭的路徑被視為相對 url。你想重定向到其他域，所以你必須包含方案（例如 http:，https:）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/352430.html
標籤：Vue.js
上一篇：我如何讓按鈕隱藏未完成的任務