Разработка

Ссылка для тестирования облачной конфигурации: https://www.yuque.com/longlong-jtoqy/wzqn3q/webtopo

# Клонировать проект
git clone https://gitee.com/y_project/RuoYi-Vue
# Перейти в директорию проекта
cd ruoyi-ui
# Установить зависимости
npm install
# Рекомендуется не использовать cnpm для установки зависимостей, так как это может вызвать различные проблемы. Можно решить проблему медленной загрузки npm с помощью следующей команды
npm install --registry=https://registry.npmmirror.com
# Запустить сервис
npm run dev

Доступ через браузер: http://localhost:80

Развертывание

# Сборка тестового окружения
npm run build:stage
# Сборка производственного окружения
npm run build:prod

Изначальные учетные данные: admin admin123 Конфигуратор редактора уже собран в проекте dist, для тестирования редактора конфигурации используйте следующую процедуру развертывания. Для получения исходного кода обратитесь к автору, спасибо. eqmx использует websocket и требует настройки iot-topo-web/dist/config.js // Тема данных конфигурации: IOT/WEBTOPO/DATA/адрес guid // Данные конфигурации: {"A1":10}, A1 - это идентификатор переменной в управлении точками window.env = { // Префикс запроса изображений для конфигурационного редактора VUE_APP_IMAGE_URL: "http://localhost:11061", // Настройка сервера EMQX VUE_APP_EMQX_SERVER_URL: "ws://81.68.197.219:8083/mqtt", VUE_APP_EMQX_USERNAME: "emqx", VUE_APP_EMQX_PASSWORD: "public", // Адрес перехода редактора конфигурации VUE_APP_BASE_URL: "http://localhost:11062/webTopo", } Конфигурация nginx для редактора конфигурации требует /webTopo, /webTopo/prod-api/ Конфигурация nginx server { listen 11060; server_name localhost; # Включить разархивацию статических файлов gzip_static on; location / { root P:\BT\WebTopo\dist; index index.html index.htm; try_files $uri $uri/ /index.html; } location /webTopo { alias P:\BT\WebTopo\webTopo\dist; try_files $uri $uri/ /webTopo/index.html; index index.html; } location /webTopo/prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:11061/; # Адрес обратного вызова сервера } location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:11061/; # Интерфейс для доступа к backend } } QQ: добавьте посредством QR-кода ! QQ WeChat: добавьте посредством QR-кода ! WeChat Сертификаты программного обеспечения: ! Сертификат