vue.config.js devServer 配置信息

在Vue项目中，可以通过配置vue.config.js文件来自定义webpack的配置信息，其中devServer字段用于配置开发服务器的相关选项。下面是devServer常用的配置选项：

1. `host`：指定开发服务器的主机名，默认为`localhost`。
2. `port`：指定开发服务器的端口号，默认为`8080`。
3. `https`：指定是否使用HTTPS协议，默认为`false`。
4. `open`：指定是否在启动开发服务器后自动打开浏览器，默认为`false`。
5. `proxy`：用于配置代理服务器，解决前端开发中的跨域问题。可以是一个对象或者一个函数，具体配置方式可以参考官方文档。
6. `before`和`after`：用于在开发服务器启动之前或之后执行自定义的中间件函数。

下面是一个示例的vue.config.js文件，展示了如何配置devServer：

module.exports = {
  devServer: {
    host: 'localhost',
    port: 8080,
    https: false,
    open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    before: app => {
      // 自定义中间件函数
    },
    after: app => {
      // 自定义中间件函数
    }
  }
}

以上是devServer的一些常用配置选项，你可以根据自己的需求进行配置。