使用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〉

讓WordPress可以自動背景更新

原先架在windows上的wordpress一直都可以自動更新系統,後來改架在ubuntu之後,卻只能透過人工ftp更新。wordpress也只提示是權限問題,沒有更仔細的提示了,結果把wordpress所在資料夾下的所有檔案、資料夾的權限都設定777還是無法解決這個問題。

閱讀全文〈讓WordPress可以自動背景更新〉

提升匯入mysqldump匯出檔案的效率

使用mysql指令匯入mysqldump匯出的檔案時,發現效率異常緩慢。

整個sql檔只有200mb不到,算不上巨量的資料。

相同資料庫平常也經常使用phpmyadmin匯出整個資料庫再匯入,狀況都很正常。

閱讀全文〈提升匯入mysqldump匯出檔案的效率〉
Proudly using Dynamic Headers by Nicasio WordPress Design