# 開版教學

以複製aae ⇒ 加開 aak 為範例

- 1.從要複製的版面copy檔案一份出來
- assets 圖片資料夾 aae ⇒ aak (靜態資料)
- router (路由器增設)
- aae.js ⇒ aak.js
- index.js 追加

            import * as aak from './aak'
            
            // 依版型載入router
            const routes = pages.routes
            	.concat(aak.routes)

- config.js 追加 aak (環境變數)
- public && uat && dev 的config.js

        "layouts": ["aak"],

- utils/cssimg (CSS背景圖增設)
- aae.js ⇒ aak 將其中aae 改為 aak
- index.js

            import { cssImgAak } from "@/utils/cssImg/aak";
            
            if (layout == "aai") return {
                  ...cssImgAai((url) => images(url)),
                };

- layout (外層)
- aae ⇒ aak
- 需注意檔案內的引用元件，是否改為aak的
- components (元件)
- aae ⇒ aak
- 需注意檔案內的引用元件，是否改為aak的
- pages (頁面)
- aae ⇒ aak
- 需注意檔案內的引用元件，是否改為aak的
- 2.此時可以運行 npm start ，並實際切換到aak 來查看是否成功

- 3.加開公版時，會因為後台還未增加該版面，應該資料都還是會採取原先複製的版面資料，在陸續慢慢修正回正確版面資料，以及所有連結路徑

- 按照router/aak.js ，將檔案中的跳轉路徑從 aae 修正回 aak
**需注意是否為共用版面**

- 會員中心，或其他頁面，會因在layout.vue 時 ，DomainLayoutId 設定為 ‘aae’, 因此跳轉會跳到aae的頁面去