# :-: 管理端編譯上傳 > **注意：在編譯安裝之前必須安裝node.js，版本號為18** > 安裝鏈接：https://nodejs.org/en/download/prebuilt-installer > 源碼每次修改后，都必須要重新編譯上傳才行，下面來看管理端前端頁面如何編譯上傳 ## 一、修改.env.development文件 這里需要說明：在uniapp源碼根目錄有兩個配置文件，.env.development 文件和.env.production文件 .env.development 配置文件是用于本地開發過程中進行實時觀看效果，也就是小程序或者h5運行的時候填寫； .env.production 配置文件是需要發行到線上的時候填寫 ## 1.源碼下載后，首先找到項目源碼根目錄下的admin文件夾，打開.env.development文件，填寫配置，api請求地址和圖片服務器地址。  ## 2.用編輯器打開，將api請求地址修改為 注意：如果站點沒有配置偽靜態，則為：'https://站點名/index.php/adminapi/' 如果站點配置了偽靜態，則為：'https://站點名/adminapi/' ## 3.將圖片服務器地址修改為：'https://站點名' > 注意：api請求地址末尾有“ / ” > 圖片服務器地址末尾沒有” / “ >  ## 二、安裝依賴和運行環境 ## 1.打開源碼目錄，路徑切換到根目錄/admin,在路徑中輸入cmd，回車  ## 2.彈出命令窗口  ## 3.在命令行執行npm install 安裝依賴 ``` npm install ```  ## 4.依賴安裝完成后再執行npm run dev 運行環境，安裝完成后會直接跳轉到下面這個界面，可以直接訪問進入后臺 ``` npm run dev ```  ## 5.如果之前有安裝過依賴以及運行過環境，那么可以略過之前兩條命令直接執行命令 npm run build 進行打包編譯。如下圖： ``` npm run build ```  ## 6.命令行結束后會生成dist文件夾   ## 三、上傳壓縮包 ## 1.打開運行環境，將niucloud/public/admin 下的所有文件全部清除  ## 2.再將編譯出的文件夾上傳至該目錄下，將dist文件夾內的所有文件放至public/admin下   ## 瀏覽器訪問域名，刷新后，手動編譯成功  ### **注意：以上是上傳的編譯包，如果需要執行云編譯，那就必須上傳開發的源碼，否則執行云編譯的時候會用源碼生成新的編譯包覆蓋，導致編譯包被還原**