【XAMPP】【Apache】SPA部署時遇到的問題 導頁機制

使用Apache在部署SPA網站時
若進入到一些不存在的頁面、重整等操作,網頁很容易脫離SPA的掌控

這邊以Docusaurus文檔網站為例子



【Windows】防火牆 開啟Ping Port 允許ICMP通知

Windows系統在對外的權限上設定比較嚴格一些,預設是禁止被Ping的

不像Linux預設開機之後,一旦被ping就會回傳

用意是防止大量被ping阻斷服務


拿另一台電腦ping Windows主機的結果




【Router】中華電信 固定IP申請 PPPoE撥號設定

跟中華電信申請了網路固定IP
得到一組IP為 220.134.169.225/32





【XAMPP】【Apache】將多個domain 導向到同一個網域

我有兩個網域 yuyuGoal.net 與 yuyuGoal.com
希望今天不管連哪一個,最終都會導到 yuyuGoal.com
如此有助於SEO累積同一個網域的流量


名詞定義

首先要來點枯燥一點的
解釋一些名詞,定義網路上可能有看沒有懂的詞彙
網路上都會流傳著這種圖來解釋,但其實會讓人誤解


【XAMPP】【Apache】設定SubDomain子網域、網址前綴

我有一個 example.com 網域,有著屬於自己的服務

我希望再開另一個 docs.example.com 指到服務的文檔、文件

兩個對應到的前端網站是分開的


這時候就會使用到SubDomain


【Windows】【iPhone】用iPhone透過Airdrop傳輸到Windows電腦上

可以透過Airdop傳輸照片、圖片等檔案到電腦上

(其實正確來講不叫Airdrop 而是Wifi分享。因為不是透過藍芽,而是網路傳輸)


首先,電腦需連接Wifi熱點,與手機使用同一個網路

在相同網段中才能分享傳輸到電腦上

(注意:2.4GHz跟5GHz 兩者視為不同網段)


【Blogger】留言板設定 訪客留言

部落格的張貼留言區塊要怎麼顯示?

如何開啟留言板的功能?




【Windows】使用NordVPN同時允許Web Server對外運作

一直以來使用遠端電腦架設伺服器,都使用預設網路、關閉NordVPN
因為一旦開啟VPN,伺服器所架設的網頁就無法連線了

我想要繞過特定的port(http 80 or https 443 port)、或者特定App、Service(Xampp、Apache)不使用VPN,像這樣的一個whitelist
其他對外出去的連線都要VPN後再進行連線


但網路上找到的解答都是使用Nordvpn的Split Tunneling功能
可是即使這樣開啟或關閉Split Tunneling、Type不管設定成Enable App或者Disable App,選哪些APP都無法達成我想要的功能





【Windows】Windows Remote Desktop 遠端桌面連線

 原本想說伺服器只要安裝Anydesk就可以連線了

但是若主機沒有裝上螢幕的話(Anydesk Without Screen

Anydesk連進去會是黑屏,無法做任何操作


所以後來才改用Windows的遠端桌面連線



【Chrome】限制下載速度(Edge瀏覽器適用)

有時候載東西(載片?!)載的太過癮時

基於瀏覽器預設特性能載多少就盡量載多少

往往會不經意間吃掉所有頻寬

導致其他項目的上傳/下載困難,或者玩遊戲發生延遲、看影片卡頓等情形



【開箱】XPPen 繪圖板 - Deco Pro MW

今年早些時候,在蝦皮上趁特價時購買的





 Deco Pro 目前這個時間點已經有出第二代,名稱為 Deco Pro Gen2(今年才剛推出)
而我手上這台是第一代



【Windows】移除Jetbrains失敗:Cannot Uninstall old IDE after installing a new one. Uninstall hasn't detected folder of...

不知道Jetbrains IDE出了什麼問題,想卸載舊版本時出現錯誤

而網路上找的這個方法也不起作用




【Windows】Win10 工作排程器 開機啟動特定指令、服務

讓電腦在不小心關機或意外斷電、重啟之後,也能自動繼續運行服務



這邊以開機後自動運行python腳本、啟動odoo服務為例

工作排程器

【Windows】Win10 移除Microsoft Store

Microsoft Store有時會偷偷安裝遊戲 或有的沒有的東西,很煩人

卻又無法在應用程式與功能 直接解除安裝



【Python】MacOS 找出python惱人的版本 Pycharm

要使用 串接AI套件 langChaing 時,發生了以下錯誤

ImportError: urllib3 v2.0 only supports OpenSSL 1.1.1+, currently the 'ssl' module is compiled with LibreSSL 2.8.3. See: https://github.com/urllib3/urllib3/issues/2168


macOS 內建Python


透過 python3 --version 得知我的版本為 Python 3.9.6

透過 which python3where python3 指令,得知我的python是安裝在 /usr/bin/python3

(這是macOS內建裝的)

但這建議不要刪掉

【XAMPP】【Database】 設置User權限時遇到問題 Read page with wrong checksum"

要連遠端資料庫時出現了 is not allowed to connect to this MariaDB server. 的錯誤訊息,原來是沒有添加使用者帳戶

於是透過phpmyadmin連到資料庫,選到權限的tab
卻顯示了 Read page with wrong checksum" from storage engine Aria

【Windows】調整 按Alt+Tabs 時 Edge瀏覽器顯示分頁的數量

Windows上預設按下Alt+Tabs鍵切換分頁時,都會跑出所有的Edge Tabs

有時候不小心就會冒出太過紳士的東西,真是令人困擾呢



【OBS】直播 連結Twitch串流教學

OBS連接Twitch串流設定

在右下角的控制項 點選設定


【OBS】直播 背景遮罩功能

快速用小畫家畫了一張1920*1920的圖
這個檔案要留著,否則檔案名稱對不到的話,遮罩效果會消失
可以開一個資料夾專門給OBS設定使用



【Windows】win10 連線藍牙鍵盤 請輸入『您的裝置』的PIN碼

這其實是Windows的Bug


在連線藍芽鍵盤時,可能反覆輸入太多次或者連線不佳,跳出與以往連線不同的訊息,而導致卡在這個步驟

請輸入『您的裝置』的PIN碼


原步驟是Windows出現6位數字,然後在鍵盤上key下這六位數字來匹配


但 請輸入『您的裝置』的PIN碼 沒有跳出任何的驗證提示,連要輸入什麼數字都不知道




【DNS】DNS設定 - CName的概念 與 SSL Not Secure 關係

以前認為CName是重新導向Redirect 以為叫作Change Name,但後來發現不是

CNAME是規範名稱(Canonical Name),可將 aaa.example.com 指向 bbb.example2.com,但不能直接指向IP位址,只有 A 能指向IP。並且會增加DNS查詢次數、查詢時間。

CNAME與Redirect不同的地方在於,CNAME是DNS層級,不會改變URL,而Recirect是HTTPS層級,會改變URL

CNAME無法設定成 wordpress.gjlmotea.com => gjlmotea.com/wordpress,DNS並不懂HTTP系統,無法分辨path路徑。

【macOS】Final Cut 無法匯入 .mkv 檔案

解決辦法是

使用 HandBrake 這套免費工具將 .mkv 轉成其他格式,例如轉為mp4之後再匯


點選Open Source





如果要一次轉換資料夾中的所有影片
可以點選Add All Titles To Queue



點選右上角的Queue可以看到目前的工作佇列
然後點選Start




轉好格式的檔案預設會在/Users/User/Movies資料夾底下

【macOS】更改 hosts file 來設定DNS

host file 的檔案位置

sudo vim /private/etc/hosts

再來就跟windows上設置一樣了
搞定

【Angular】使用 primeNg 出現 ɵɵComponentDeclaration

安裝 PrimeNg套件時,照著官方教學安裝

> npm install primeng --save
> npm install primeicons --save 

要import到module.ts時卻出現以下錯誤,發現是安裝了最新版本的primeNg,跟原本本地Angular meterial版本對不上

Error: node_modules/primeng/api/shared.d.ts:6:18 - error TS2707: Generic type 'ɵɵComponentDeclaration' requires between 7 and 8 type arguments.

6     static ɵcmp: i0.ɵɵComponentDeclaration<Header, "p-header", never, {}, {}, never, ["*"], false, never>;





於是兩個解決辦法,升版Angular或者降版PrimeNg