https://nginx.org/en/download.html
打算先用windows練習，之後再改用linux或docker正式部屬nginx，今天在官網下載了nginx的windows版本，並按照教學改conf檔案，但路徑設定搞不定，只能連到範例網頁，目前還沒解決。

今天的筆記:

Quasar build

由於nginx需要靜態文件，.vue檔案無法用在nginx上，因此需要執行Quasar build指令，把專案從開發環境變成正式環境，這樣會生成一個資料夾，裡面都是純HTML、CSS和JavaScript檔案，方便nginx使用。

claude.ai版本的解釋:

# Quasar 開發模式 vs 生產模式解釋

## 開發模式 (`npm run dev`)

1. **即時編譯**：
   - 代碼變更時自動重新編譯。
   - 提供熱模塊替換（Hot Module Replacement, HMR）。

2. **開發服務器**：
   - 內建的開發服務器，通常在 `localhost:8080` 運行。

3. **未優化的輸出**：
   - 包含完整的錯誤信息和源映射。
   - 代碼未經過壓縮和最小化。

4. **環境變量**：
   - 使用開發環境的設置。

## 生產模式 (`quasar build`)

1. **優化的構建**：
   - 代碼壓縮和最小化。
   - 刪除未使用的代碼（tree shaking）。

2. **靜態文件生成**：
   - 生成可直接部署的靜態文件。
   - 通常輸出到 `dist/spa` 目錄。

3. **性能優化**：
   - 資源（如圖片）的優化。
   - 生成生產環境的服務工作者（Service Worker）。

4. **環境變量**：
   - 使用生產環境的設置。

## 為什麼需要 `quasar build`？

1. **性能**：生產構建優化了應用性能。
2. **安全性**：移除了開發相關的代碼和調試信息。
3. **兼容性**：確保應用在各種環境中正常運行。
4. **部署準備**：生成可直接部署到服務器的文件。

## 開發 vs 部署

- 開發時：使用 `npm run dev` 來快速迭代和測試。
- 部署時：使用 `quasar build` 生成優化後的生產版本。