使用jQuery ajax跨網域http auth+Yii2 cors設定

jQuery ajax設定

$.ajax({
    ....
    xhrFields: {
        withCredentials: true
    },
    ....
});

如果是跨網域的ajax request,這段一定要加,不然就算server端的cors有設好,到瀏覽器這裡還是會擋掉http auth認證。同網域下(同http協定、網域和port)可省略。

http auth的對話方塊
http auth的對話方塊
閱讀全文〈使用jQuery ajax跨網域http auth+Yii2 cors設定〉

Vue CLI設定引用jQuery

首先是專案必須要安裝jquery, 可以使用以下任一方式將jquery加到專案下

npm install jquery

或者在package.json加上jquery的引用

  "dependencies": {
    ...
    "jquery": "^3.6.0"
  },

然後再呼叫

npm update

之後你就可以在會用到jquery的*.vue裡面直接import

import jquery from 'jquery'

然後你就會有個 jquery 物件可以使用(請注意大小寫),但這個方法的缺點就是後面執行build時,jquery也會被包進編譯完的函式庫,導致函式大小會到幾百k,但好處是不需依賴外部的jquery。

閱讀全文〈Vue CLI設定引用jQuery〉

CORS的簡述及Yii2設定

cors的機制是,當跨網域透過ajax要求資料時,瀏覽器會先向來源網站詢問是否允許跨網域要求資料,此為prelight request,只回傳相關headers,不輸出任何內容。

如果來源網站有回應cors相關header時,並且ajax request符合headers規範的條件,瀏覽器就會放行連線。若來源網站沒有回應cors相關headers時,視為不允許跨網域連線。

這限制的執行是由瀏覽器端來負責,若瀏覽器不實作cors機制,就算來源網站有正常回覆 cors headers也不會有效果。

閱讀全文〈CORS的簡述及Yii2設定〉

取消在homestead環境下,php寄信預設使用mailhog

homestead環境裡面,mailhog是透過systemd管理的服務,因此可以使用systemctl來控制服務的狀況。

如果要取消php預設透過mailhog寄信,有兩種方法:

閱讀全文〈取消在homestead環境下,php寄信預設使用mailhog〉

啟用phpMyAdmin兩階段驗證後卻找不到Google Authenticator的驗證碼

日前因為測試phpMyAdmin的兩階段驗證功能,有使用Google Authenticator作為兩階段驗證的機制,但因故刪了Google Authenticator的驗證碼,卻沒有取消phpMyAdmin的兩階段驗證,結果就沒辦法再透過phpMyAdmin登入mysql。後來找到方法可以解決這個問題。

閱讀全文〈啟用phpMyAdmin兩階段驗證後卻找不到Google Authenticator的驗證碼〉

AcmePhp註冊e-mail時產生AcmePhp\Ssl\Exception\KeyPairGenerationException

通常這個狀況是因為執行環境是windows。

因為AcmePhp註冊e-mail需要產生account key pair

這時候windows的php需要找到 openssl.cnf 的設定 閱讀全文〈AcmePhp註冊e-mail時產生AcmePhp\Ssl\Exception\KeyPairGenerationException〉

Proudly using Dynamic Headers by Nicasio WordPress Design