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