feat: 路径参数解析优化，避免undefined造成白屏

1012414140@qq.com

2026-10-16 66a914d39274af0928b1354365341249e81f9091

 vue.config.js

@@ -1,27 +1,108 @@
var path = require("path")
var path = require('path')
module.exports = {
    baseUrl: './',
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.join(__dirname, 'src')
            }
        }
  publicPath: '/',
  assetsDir: 'static',
  productionSourceMap: false, // 关闭sourceMap，减少产物体积

  // 强制抽离 CSS 为独立文件，不内联进 JS
  css: {
    extract: true
  },

  configureWebpack: {
    // ========== 只外置：ElementUI / ViewUI / ECharts，必须外置 vue ==========
    externals: {
      'vue': 'Vue',
      'element-ui': 'ELEMENT',
      // view-design 4.x 的 UMD 包（dist/iview.min.js）在浏览器下挂载的全局名是 iview
      'view-design': 'iview',
      'echarts': 'echarts'
    },
    assetsDir: 'static',
    productionSourceMap: false,
    devServer: {
        sockHost: 'localhost',
        disableHostCheck: true,
        proxy: {
            '/api':{
                target:'http://183.196.93.178',
                //target:'http://127.0.0.1',
                changeOrigin:true,
                pathRewrite:{
                    '/api':''
                }
    // =======================================================

    optimization: {
      minimizer: [
        new (require('terser-webpack-plugin'))({
          terserOptions: {
            compress: {
              drop_console: true, // 移除console
              drop_debugger: true, // 移除debugger
              pure_funcs: ['console.log', 'console.info', 'console.warn']
            },
            mangle: {
              safari10: true
            },
            output: {
              comments: false // 移除所有注释
            }
          },
          extractComments: false,
          parallel: true // 多进程压缩
        })
      ],

      runtimeChunk: 'single',

      splitChunks: {
        chunks: 'all',
        minSize: 10 * 1024, // 20kb → 10kb，拆分更充分
        minChunks: 2,
        maxAsyncRequests: 30,
        maxInitialRequests: 30,
        name: false,

        cacheGroups: {
          common: {
            name: 'common',
            chunks: 'all',
            minChunks: 2,
            priority: 5,
            reuseExistingChunk: true
          },
          vendor: {
            test: /[\\/]node_modules[\\/]/,
            name: 'vendor',
            chunks: 'all',
            priority: 10,
            reuseExistingChunk: true
          }
        }
      }
    },
    resolve: {
      alias: {
        '@': path.join(__dirname, 'src')
      }
    }
}
  },

  // 图片优化 + 关闭预加载冗余
  chainWebpack(config) {
    config.module
      .rule('images')
      .use('url-loader')
      .loader('url-loader')
      .tap(options => {
        options.limit = 4 * 1024
        return options
      })
    config.plugins.delete('prefetch')
    config.plugins.delete('preload')
  },

  devServer: {
    sockHost: 'localhost',
    port: 8082,
    disableHostCheck: true,
    proxy: {
      '/': {
        target: 'http://183.196.93.178:8089',
        // target: 'http://192.168.0.147:8089',
        changeOrigin: true,
        pathRewrite: {
          '/': ''
        }
      }
    }
  }
}