Freaks City

Architecture Overview The solution adopts a micro-service-oriented architecture that cleanly separates concerns between the warehouse-edge layer and the cloud-control layer. The edge layer runs on industrial PCs attached to each storage zone and is implemented with Spring Boot 2.7.x. The cloud layer is a lightweight Vue 3 SPA served through Ngi ...

When deploying a Vue application separately from the backend, the config/index.js file requires proper configuration. This file controls both development and production build behaviors. Basic Configuration Structure var path = require('path') module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html'), assetsRoot: p ...

When a Vue CLI 2 project is bundled, the default configuration assumes the generated dist folder will be served from the web root. If the app is deployed to a sub-folder, all relative links break. Two separate fixes are required: one for JavaScript-imported assets and another for CSS url() references. 1. Adjust the base public path Open config/ ...

Technical Stack Backend Framework: Spring Boot Spring Boot is designed to create standalone, production-grade Spring-based applications with minimal configuration. Its convension-over-configuration approach reduces boilerplate code, allowing developers to focus on business logic. The framework includes embedded servers (Tomcat, Undertow, Jetty) ...

Vue Frontend Impelmentation src/utils/httpClient.js // Custom HTTP client instance import axios from 'axios'; // Base URL configuration const apiBase = 'http://localhost:8080'; const httpClient = axios.create({ baseURL: apiBase }) // Response interceptor httpClient.interceptors.response.use( successResponse => { return successRe ...

Deployment Caching Challenges When releasing updates to production, users often encounter stale resources due to aggressvie browser caching. Even when code changes, static assets might load from local storage without hitting the server. To resolve this, implement asset fingerprinting during the build process. JavaScript and CSS Fingerprinting B ...

Building upon Element UI 2.15.14, this customization introduces a specialized multi-selection mode that restricts selection to terminal nodes only. This enhancement is particularly useful for hierarchical data structures where intermediate nodes serve purely as containers. Installation Install the extended package via npm: npm install @corp/ele ...

Development Environment Backend Language: Java 1.8 Backend Framework: Spring Boot Build Tool: Maven 3.3.9+ Application Server: Tomcat 9 Database: MySQL 8.0 Database Management Tool: DBeaver Frontend Framework: Vue 3 IDE Options: IntelliJ IDEA / VS Code / Eclipse Browser: Chrome / Firefox / Edge Admin Panel URL: http://localhost:8080/{project-s ...

To quickly build a data table in a Vue project, the Element UI library provides a ready‑to‑use el-table component. After adding Element UI to the project, you can define a Vue single‑file component that renders and populates the table. Integrating Element UI In the application entry file (typically main.js), import Element UI and its CSS, then ...

What Element UI Offers Element UI serves as a desktop-oreinted component library for Vue 2.0, developed by the Ele.me team. It provides pre-built interface pieces—links, buttons, images, tables, forms, pagination bars—that accelerate page construction. Adding Element to a Project in VS Code Open the integrated terminal by right‑clicking the pr ...