## 構建生產環境 生產環境無需使用`yarn serve`啟動前端lamp-web-plus項目，只需要將項目打包成靜態頁面，然后使用nginx進行代理即可訪問。 1. 修改 [.env](https://github.com/zuihou/lamp-web-plus/blob/main/.env) 文件 ~~~ # 租戶類型 必須跟后端項目 mysql.yml 中 lamp.database.multiTenantType 配成一樣. 可選項:NONE、COLUMN、SCHEMA、DATASOURCE VITE_GLOB_MULTI_TENANT_TYPE = DATASOURCE # 登錄頁是否顯示驗證碼 可選值 true false VITE_GLOB_SHOW_CAPTCHA = true # 客戶端id&秘鑰 （必須和 c_application 表中數據一致！） VITE_GLOB_CLIENT_ID = lamp_web VITE_GLOB_CLIENT_SECRET = lamp_web_secret ~~~ 2. 將源碼打包成靜態文件 ~~~ pnpm install pnpm build:prod ~~~  3. 構建完成后, 會生成一個 `dist` 文件夾, 將該文件夾上傳到服務器任意路徑 （如：/data/projects/ ）, 然后使用nginx 配置代理。  4. 在 /data/projects/ 目錄，將剛上傳的 `dist` 文件夾重命名為 lamp-web-plus 5. 為了解決跨域問題, nginx 需要將代理 `lamp-web-plus` 的端口和后端網關的端口保持一致. 5. 配置nginx : ~~~ server { listen 80; server_name tangyh.top; underscores_in_headers on; # /lamp-web 代理前端 location / { proxy_set_header Host $host:$server_port; proxy_redirect off; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_connect_timeout 60; proxy_read_timeout 600; proxy_send_timeout 600; # 請將第三步打包后生成的 dist 文件夾上傳到 nginx 所在服務器的 /data/projects/ 目錄，并重名名為 lamp-web-plus root /data/projects/lamp-web-plus; index index.html; } # lamp-cloud 網關服務 代理 location /api { proxy_set_header Host $host:$server_port; proxy_redirect off; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_connect_timeout 60; proxy_read_timeout 600; proxy_send_timeout 600; # 這里代理的地址一定是 lamp-cloud 項目的 lamp-gateway 服務的請求地址 proxy_pass http://localhost:8760/api; } } ~~~