1. // Import { defineConfig } from 'vite'
    2. import vue from '@vitejs/plugin-vue'
    4. /*
    5.  * https://vitejs.dev/config/
    6.  * export default defineConfig({
    7.  *   plugins: [vue()]
    8.  */
    10. // })
    11. import path from "path";
    13. /* Par ({ command, mode })  */
    14. export default ({ command }) => {
    16.   if (command === 'serve') {
    18.     return {
    19.       // Serve 独有配置
    20.       'base': './',
    21.       'mode': 'development',
    22.       // 默认值
    23.       'publicDir': 'public',
    24.       // 路径别名
    25.       'alias': {
    26.         // '@': path.resolve(__dirname, "./src"), // map '@' to './src'
    27.         // '#': pathResolve("./components")
    28.       },
    29.       'plugins': [
    30.         //
    31.         vue({
    32.           'template': {
    33.             'compilerOptions': {
    34.               // ...
    35.             }
    36.           }
    37.         })
    38.       ],
    39.       'css': {
    41.       },
    42.       'server': {
    43.         // 端口
    44.         'port': '',
    45.         // 时若端口已被占用则会直接退出，而不是尝试下一个可用端口。
    46.         'strictPort': true
    48.         /*
    49.          * Https:""
    50.          * Open:"" 打开浏览器 地址
    51.          * Proxy:{} //代理规则
    52.          */
    53.       }
    54.     }
    56.   }
    57.   return {
    58.     // Build 独有配置
    59.     'base': '/admin/',
    60.     'mode': 'production',
    61.     // 默认值
    62.     'publicDir': 'public',
    64.     'plugins': [
    65.       //
    66.       vue({
    67.         'template': {
    68.           'compilerOptions': {
    69.             // ...
    70.           }
    71.         }
    72.       })
    73.     ],
    74.     'css': {
    76.     },
    77.     'server': {
    78.       // 指定服务器主机名
    79.       'host': '',
    80.       // 代理规则
    81.       'proxy': {
    82.         // 字符串简写写法
    83.         '/foo': 'http://localhost:5000/foo',
    84.         // 选项写法
    85.         '/api': {
    86.           'target': 'http://jsonplaceholder.typicode.com',
    87.           'changeOrigin': true,
    88.           'rewrite': path => path.replace(
    89.             /^\/api/,
    90.             ''
    91.           )
    92.         },
    93.         // 正则表达式写法
    94.         '^/fallback/.*': {
    95.           'target': 'http://jsonplaceholder.typicode.com',
    96.           'changeOrigin': true,
    97.           'rewrite': path => path.replace(
    98.             /^\/fallback/,
    99.             ''
    100.           )
    101.         }
    102.       }
    103.     }
    104.   }
    106. }