The Dockerfile does `COPY dist /usr/share/nginx/html` and nginx serves that
folder's root, but vite's outDir was 'dist/export' (carried over from legacy's
vue.config.js). So the deployed root kept serving whatever index.html had been
committed at dist/ — a stale pre-port prototype build (lang="en", title
"Gold Bank — Admin Panel", no ant-design-vue at all, committed 2026-09-10 in
cea3b80). That artifact, not the current source, renders as an unstyled stack
of bullets and bare tables.
outDir is now 'dist' (and 'branchDist'), matching what the image serves and
matching apps/user-app's convention.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
52 lines
1.9 KiB
TypeScript
52 lines
1.9 KiB
TypeScript
import { fileURLToPath, URL } from 'node:url';
|
|
import { defineConfig } from 'vite';
|
|
import vue from '@vitejs/plugin-vue';
|
|
|
|
// Ported from legacy henza_admin/vue.config.js.
|
|
// The legacy build switched publicPath/outputDir on NODE_ENV=='branch'; in Vite the
|
|
// equivalent switch is the --mode flag (`pnpm dev:branch` / `pnpm build:branch`),
|
|
// which src/utils/index.ts reads via import.meta.env.MODE.
|
|
export default defineConfig(({ mode }) => {
|
|
const isBranch = mode === 'branch';
|
|
|
|
return {
|
|
// legacy: publicPath: isBranch ? '/branch/' : 'admin/'
|
|
base: isBranch ? '/branch/' : '/admin/',
|
|
plugins: [vue()],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
},
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
less: {
|
|
// ant-design-vue 4 dropped LESS theming (modifyVars) for CSS-in-JS design
|
|
// tokens; the equivalent primary/link/radius tokens now live in
|
|
// App.vue's <a-config-provider :theme>. This block only compiles the
|
|
// app's own farsi.less/utilities.less, which have no LESS variables.
|
|
javascriptEnabled: true,
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
// Legacy's vue.config.js used outputDir 'dist/export' / 'branchDist/export',
|
|
// but this app's Dockerfile does `COPY dist /usr/share/nginx/html` and nginx
|
|
// serves that folder's ROOT. With the build landing in dist/export/, the
|
|
// root kept whatever index.html was committed there before — a stale
|
|
// pre-port build — so the deployed panel served that instead of this app.
|
|
// Build straight into the folder the image actually serves (which is also
|
|
// what apps/user-app does).
|
|
outDir: isBranch ? 'branchDist' : 'dist',
|
|
emptyOutDir: true,
|
|
sourcemap: false, // legacy: productionSourceMap: false
|
|
},
|
|
server: {
|
|
port: 5174,
|
|
proxy: {
|
|
'/api': 'http://localhost:3000',
|
|
},
|
|
},
|
|
};
|
|
});
|