Fixing Relative Asset Paths and CSS Background URLs After Vue Build

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/ ...

Posted on Sat, 09 May 2026 00:50:36 +0000 by miniu

Implementing Automatic Browser Cache Busting in Vue Applications

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 ...

Posted on Fri, 08 May 2026 16:32:32 +0000 by inkfish