vueconfig.js配置

Vue.config.js 是用于配置 Vue.js 项目的配置文件。它可以用于修改一些全局的 Vue.js 行为和设置。

下面是一个简单的 Vue.config.js 示例：

module.exports = {
  // 基本路径
  publicPath: '/',

  // 输出文件目录
  outputDir: 'dist',

  // 静态资源目录
  assetsDir: 'static',

  // 生产环境是否生成 source map
  productionSourceMap: false,

  // CSS 相关配置
  css: {
    // 是否使用 CSS 预处理器
    requireModuleExtension: true,
    loaderOptions: {
      css: {
        // 这里的选项会传递给 css-loader
      },
      postcss: {
        // 这里的选项会传递给 postcss-loader
      }
    }
  },

  // webpack-dev-server 相关配置
  devServer: {
    // 启动时自动打开浏览器
    open: true,

    // 设置主机地址
    host: '0.0.0.0',

    // 设置端口号
    port: 8080,

    // 是否使用 https
    https: false,

    // 设置代理
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

在上述示例中，你可以看到一些常用的配置项，例如：

- `publicPath`：指定项目的基本路径，部署到服务器时会用到。
- `outputDir`：指定项目的输出文件目录。
- `assetsDir`：指定静态资源的存放目录。
- `productionSourceMap`：决定是否生成生产环境的 source map 文件。
- `css`：用于配置 CSS 的一些选项，例如预处理器的使用和相关 loader 的配置。
- `devServer`：用于配置开发服务器的一些选项，例如自动打开浏览器、设置主机地址和端口号等。
- `proxy`：用于配置代理，解决开发环境中跨域问题。

当然，这只是一个简单的示例，你可以根据自己的项目需求进行更多的配置。