解決:本機網頁(http)無法連結到Imgur的問題

這是一個發生在VSCode寫一些小東西用http preview server開寫簡單功能測試時發生的問題。

你若直接用chrome開啟本機檔案點Imgur連結是沒有事情的, 妙的就是用http本機伺服器會變成403，直接跳轉過去imgur也是403。

解決方式就是在a標籤加上rel="noreferrer noopener"

我是改成a標籤連結,而imgur連結開新視窗且不要referrer和opener

• target="_blank"
• rel="noreferrer noopener"

舉html用法來說

<a href="https://i.imgur.com/xxx.jpg" target="_blank" rel="noreferrer noopener">連結</a>

舉jquery用法來說

success: function (result) {

console.log(result.data.link)

// 不能用跳轉

//window.location = result.data.link;

// 只好設為使用者連結

$('a[href]')

.attr('href', result.data.link)

.attr('target', '_blank')

.attr('rel', 'noreferrer noopener');

},