內部 IIS 設定 SSL

Chrome 及大部份的瀏覽器對於沒有安裝HTTPS 的網站，都會出現警告甚至想連進去都要半強迫連線。對於一些小網站或是沒有資安考量的資料分享網站的確是件麻煩事，重點是得花錢買SSL憑証，這種類似過路費的方式我覺得又是商人的手法。

平常公司內部，只開放內網連線網站也要安裝SSL倒是有點畫蛇添足，中小企業內部使用的網站通常會用IP直連，例: http://192.168.0.1/erp，或是直接用主機名稱連線 http://server/erp，這時連線內部網站就出現沒有 HTTPS的警告，只能找些簡單的方式，不花錢的方式設定SSL憑證。此次就試著設定IIS+HTTPS的步驟作個記錄。

 1 設定 DNS 新增網址

2 設定 IIS HTTPS 網站

3 執行 win-acme 安裝 Let’s Encrypt 憑證

憑證有效日期是三個月，可以手動更新或是建立 schedule task 自動更新。

4 設定 router NAT RTF8207W-E

參考資料:  https://ithelp.ithome.com.tw/articles/10260641 

Vue 引用錯誤: Missing ref owner context. ref cannot be used on hoisted vnodes.

- 錯誤訊息

[Vue warn]: Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function. 

  - 引用前端插件 

Vue: v3 

chart.js: v4+ 

vue-chartjs: v5+ 

  - 說明 

此測試程式是 CDN 方式，以輕前端方式開發，所以手動引用 plug-in。初期猜測是程式中的語法造成此錯誤，但多方 try-error 加上網路上資料後仍不得解。 有中國網友 PO 文提到這個問題，但說明不太清楚還是卡在這個錯誤無法產生圖表。最後心血來潮將 vue-chartjs 引用 ESM 改為一般的 JS 檔案，順利解決。 

- 參考資料 

解决vue-chartjs在ESM模块导入时出现的引用错误问题 https://blog.gitcode.com/8eb95d906b3286a46aee671826e0d9f8.html