<img src="http://example.com"></img> 出現 net::ERR_SSL_PROTOCOL_ERROR 抓不到圖片!!

ssl憑證 nginx node.js html

柴柴 2022-04-26 18:50:32 ‧ 1815 瀏覽

分享至

事情是這樣的~~

我架設一個網站分成前端和後端

前端: Nginx架https
後端: Node.js架http

問題來了!!
我前端網頁中有個圖片網址是後端的網址，如下第一張圖:

紅色框起來那個圖片會顯示不出來

會出現已上的錯誤。

想請問各位高手們，這問題要如何解決

補充: 我Node.js的SSL通過不了，所以沒辦法從後端改成ssl

新線索：firefox和手機板chrome可以成功，但是電腦版chrome不行

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2022-04-26 19:59:53 檢舉

你有nginx了，設定nginx反向代理node.js就好。

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2022-04-26 21:04:06 檢舉

看樣子你還不了解SSR模式的特性。

柴柴 iT邦新手 5 級 ‧ 2022-04-26 22:09:12 檢舉

＠force 我有設定nginx反向代理node.js了，也都成功response json 但是就唯獨src帶網址的方式圖片跑步出來QQ

柴柴 iT邦新手 5 級 ‧ 2022-04-26 22:12:20 檢舉

＠㊣浩瀚星空㊣　你是說Server-side Rendering造成這個原因的嗎?

greenriver iT邦研究生 5 級 ‧ 2022-04-27 11:55:25 檢舉

看起來是被瀏覽器阻擋了。
電腦版的chrome版本比較新，有加入新功能吧。

柴柴 iT邦新手 5 級 ‧ 2022-04-27 12:17:30 檢舉

@greenrvier 試了一下,確實是被瀏覽器阻擋了 , 看我要從根本問題解決才行 (後端的http 沒SSL)

froce iT邦大師 1 級 ‧ 2022-04-27 15:50:52 檢舉

就說你有nginx了，反向代理讓前後端都吃同一個domain就好...

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

mengke.me

iT邦新手 5 級 ‧ 2022-04-27 09:15:36

SSL协议错误，把src中的‘http’改成‘https’试一下。

回應 2
分享
檢舉

mengke.me iT邦新手 5 級 ‧ 2022-04-27 09:16:18 檢舉

SSL走443端口

柴柴 iT邦新手 5 級 ‧ 2022-04-27 12:17:55 檢舉

看來應該是瀏覽器的問題

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙