sgc-portal/mobile-src/vue.config.js

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? '/mobile/' : '/',
    outputDir: 'dist',
    devServer: {
        proxy: {
            '/mobile/api': {
                target: 'http://localhost:9099/',
                changeOrigin: true,
                logLevel: 'info',
            },
        },
    },
    pwa: {
        manifestOptions: {
            name: 'SGC Mobile',
            short_name: 'SGC Mobile',
            start_url: './',
            display: 'standalone', // standalone, fullscreen
            manifest_version : 3,
            version : "0.0.3",
            background_color: '#ed1c24',
            icons: [
                { sizes: '20x20', src: './img/icons/android-chrome-20x20.png', type: 'image/png', purpose: 'any' },
                { sizes: '29x29', src: './img/icons/android-chrome-29x29.png', type: 'image/png', purpose: 'any' },
                { sizes: '40x40', src: './img/icons/android-chrome-40x40.png', type: 'image/png', purpose: 'any' },
                { sizes: '76x76', src: './img/icons/android-chrome-76x76.png', type: 'image/png', purpose: 'any' },
                { sizes: '167x167', src: './img/icons/android-chrome-167x167.png', type: 'image/png', purpose: 'any' },
                { sizes: '192x192', src: './img/icons/android-chrome-192x192.png', type: 'image/png', purpose: 'any' },
                { sizes: '512x512', src: './img/icons/android-chrome-512x512.png', type: 'image/png', purpose: 'any' },
                {
                    sizes: '192x192',
                    src: './img/icons/android-chrome-maskable-192x192.png',
                    purpose: 'any maskable',
                    type: 'image/png',
                },
                {
                    sizes: '512x512',
                    src: './img/icons/android-chrome-maskable-512x512.png',
                    purpose: 'any maskable',
                    type: 'image/png',
                },
            ],
            shortcuts: [
                {
                    name: 'Home',
                    description: 'Home Page',
                    url: '/#home',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-home-96x96.png', type: 'image/png', purpose: 'any' }],
                },
                {
                    name: '하자처리',
                    description: '하자처리',
                    url: '/#/as/defting',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-defting-96x96.png', type: 'image/png', purpose: 'any' }],
                },
                {
                    name: '하자완료조회',
                    description: '하자완료조회',
                    url: '/#/as/deftdone',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-deftdone-96x96.png', type: 'image/png', purpose: 'any' }],
                },
                {
                    name: '하자작업지시',
                    description: '하자작업지시',
                    url: '/#/po/deftmang',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-deftmang-96x96.png', type: 'image/png', purpose: 'any' }],
                },
                {
                    name: '하자조회및완료처리',
                    description: '하자조회및완료처리',
                    url: '/#/po/deftque',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-deftque-96x96.png', type: 'image/png', purpose: 'any' }],
                },
                {
                    name: '회의실예약',
                    description: '회의실예약',
                    url: '/#/po/roomrev',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-roomrev-96x96.png', type: 'image/png', purpose: 'any' }],
                },
                {
                    name: '회의실예약승인',
                    description: '회의실예약승인',
                    url: '/#/po/roomapp',
                    icons: [{ sizes: '96x96', src: './img/icons/menu-roomapp-96x96.png', type: 'image/png' , purpose: 'any'}],
                },
            ],
            orientation: 'portrait',
        },
        msapplicationTileColor : '#000000',
        appleMobileWebAppTitle : 'SGC Mobile',
        appleMobileWebAppCapable: 'yes',
        appleMobileWebAppStatusBarStyle: 'black-translucent',
        appleMobileWebAppTitle : 'SGC Mobile',
        iconPaths: {
            maskicon: null,
            favicon32: './img/icons/favicon-32x32.png',
            favicon16: './img/icons/favicon-16x16.png',
            appleTouchIcon: null,
            msTileImage: null,
        },
        // configure the workbox plugin
        workboxPluginMode: 'GenerateSW',
    },
};