vue3+vite2 vite.config.js 配置

vite配置官方文档：https://cn.vitejs.dev/config/shared-options.html#base

开发服务器选项 - server

server: {
    // host：指定服务器应该监听哪个ip地址。如果设置为“0.0.0.0” 或者 true，就会监听所有地址，包括局域网和公网地址
    host: '0.0.0.0',
    // port：指定开发环境端口。如果端口已被占用，vite会自动尝试下一个可用的端口
    port: 8088,
    // strictPort：设置为true，上面指定的port被占用，服务会直接退出，而不是尝试下一个可用端口
    strictPort: true,
    // open：是否自动在浏览器打开
    open: true,
    // https：是否开启 https
    https: false,
    // 服务端渲染
    ssr: false,
    // 热更新：默认是开启的状态
    hmr: true,
    // 开发服务器配置自定义代理
    proxy: {
      '/api': {
        target: 'http://127.0.0.1',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      }
    }
  }

 构建选项 - build 打包的一些配置

 build: {
    // 指定打包输出路径 （相当于项目根目录）
    outDir: 'dist2',
  }

配置别名

 resolve: {
    alias: {
      // 这里的 @ 就是我们要为 src 配置的别名
      '@': path.resolve(__dirname, './src')
    }
  }

完整代码 

import path from 'path'
import vue from '@vitejs/plugin-vue'
import basicSsl from '@vitejs/plugin-basic-ssl'

import { defineConfig, loadEnv } from 'vite'


export default defineConfig({
  base: './',
  plugins: [
    vue(),
    // basicSsl()
  ],
  resolve: {
    alias: {
      // 这里的 @ 就是我们要为 src 配置的别名
      '@': path.resolve(__dirname, './src'),
      '@img': path.resolve(__dirname, 'src/assets/images'),
    }
  },
  server: {
    // host：指定服务器应该监听哪个ip地址。如果设置为“0.0.0.0” 或者 true，就会监听所有地址，包括局域网和公网地址
    host: '0.0.0.0',
    // port：指定开发环境端口。如果端口已被占用，vite会自动尝试下一个可用的端口
    port: 8088,
    // strictPort：设置为true，上面指定的port被占用，服务会直接退出，而不是尝试下一个可用端口
    strictPort: true,
    // open：是否自动在浏览器打开
    open: true,
    // https：是否开启 https
    https: false,
    // 服务端渲染
    ssr: false,
    // 热更新：默认是开启的状态
    hmr: true,
    // 开发服务器配置自定义代理
    proxy: {
      '/api': {
        target: 'http://127.0.0.1',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      }
    }
  },
  build: {
    // 指定打包输出路径 （相当于项目根目录）
    outDir: 'dist',
  }
})

server中有一个https，接下来介绍一下怎么配置

1、可以使用plugin-basic-ssl生成一不受信任的证书

import basicSsl from '@vitejs/plugin-basic-ssl'

export default defineConfig({
    plugins: [basicSsl()]
})

2、如果你有证书，可以使用使用https模块 https.createServer()进行构建https服务