一、打開前端項(xiàng)目
推薦使用 Visual Studio Code 開發(fā)工具，F(xiàn)astBee物聯(lián)網(wǎng)平臺(tái)的前后端在一個(gè)倉庫，后端為 springboot 目錄，前端為 vue 目錄。開發(fā)工具中打開vue前端目錄即可。
二、修改配置
修改根目錄的 .env.development 文件,后端接口默認(rèn)8080端口，mqtt消息服務(wù)器中 tcp協(xié)議端口默認(rèn)8081，ws協(xié)議端口默認(rèn)8083，wss協(xié)議通過nginx代理訪問8083端口。
# 后端接口地址
VUE_APP_SERVER_API_URL = 'http://localhost:8080'
# Mqtt消息服務(wù)器連接地址
VUE_APP_MQTT_SERVER_URL = 'ws://localhost:8083/mqtt'
# 百度地圖AK
VUE_APP_BAI_DU_AK = 'nAtaBg9FYzav6c8P9rF9qzsWZfT8O0PD'提示
百度地圖AK到 百度地圖開放平臺(tái) 申請。
三、安裝依賴
配置修改完成后，開始安裝依賴，可以通過重新指定 registry 來解決 npm 安裝速度慢的問題。執(zhí)行一下任一命令安裝依賴：
npm install
npm install --registry=https://registry.npmmirror.com提示
- 強(qiáng)烈建議不要用直接使用 cnpm 安裝，會(huì)有各種詭異的 bug
- NodeJs是V16以上版本導(dǎo)致運(yùn)行報(bào)錯(cuò)，在安裝后使用
$env:NODE_OPTIONS="--openssl-legacy-provider"命令，然后重新運(yùn)行
四、運(yùn)行
依賴安裝成功后，執(zhí)行以下命令本地啟動(dòng)項(xiàng)目
npm run dev打開瀏覽器，輸入：http://localhost:80 默認(rèn)賬戶/密碼 admin/admin123 。若能正確展示登錄頁面，并能成功登錄，菜單及頁面展示正常，則表明環(huán)境搭建成功。