Deployment

import { VendureConfig } from '@vendure/core';import { DashboardPlugin } from '@vendure/dashboard/plugin';import path from 'path';const IS_DEV = process.env.APP_ENV === 'dev';export const config: VendureConfig = {    // ... other config    plugins: [        // ... other plugins        DashboardPlugin.init({            // Important: This must match the base path from vite.config.mts (without slashes) // [!code highlight]            route: 'dashboard', // [!code highlight]            // Path to the Vite build output directory            appDir: IS_DEV                ? path.join(__dirname, '../dist/dashboard')                : path.join(__dirname, 'dashboard'), // [!code highlight]        }),    ],};

npx vite build

{    "scripts": {        "build": "npm run build:server && npm run build:dashboard",        "build:server": "tsc",        "build:dashboard": "vite build",        "start:prod": "node ./dist/index.js"    }}

import { vendureDashboardPlugin } from '@vendure/dashboard/vite';import path from 'path';import { pathToFileURL } from 'url';import { defineConfig } from 'vite';export default defineConfig({    build: {        outDir: path.join(__dirname, 'dist/dashboard'),    },    plugins: [        vendureDashboardPlugin({            vendureConfigPath: pathToFileURL('./src/vendure-config.ts'),            api: { // [!code highlight]                host: process.env.VENDURE_API_HOST || 'https://api.mystore.com', // [!code highlight]                port: parseInt(process.env.VENDURE_API_PORT || '443'), // [!code highlight]            }, // [!code highlight]            gqlOutputPath: './src/gql',        }),    ],});

import { VendureConfig } from '@vendure/core';export const config: VendureConfig = {    apiOptions: {        cors: {            origin: ['https://dashboard.mystore.com'],            credentials: true,        },    },    // ... other config};