vue3中vite.config.js相关常用配置超详细讲解

import path from 'node:path'
import { fileURLToPath } from 'node:url'
import { build } from 'vite'
import vue from '@vitejs/plugin-vue'
const __dirname = fileURLToPath(new URL('.', import.meta.url))
export default defineConfig({
  base: '/screen',//指定了应用程序在服务器上的根目录位置，设置连接前缀
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
   server: {
    open: '/docs/index.html',//开发服务器启动时，自动在浏览器中打开应用程序。
    proxy: {//代理
       port: 3000,
       host: 'localhost',
       cors： true,//为开发服务器配置 CORS。默认启用并允许任何源，传递一个 选项对象 来调整行为或设为 false 表示禁用。
      // 字符串简写写法：http://localhost:5173/foo -> http://localhost:4567/foo
      '/foo': 'http://localhost:4567',
      // 带选项写法：http://localhost:5173/api/bar -> http://jsonplaceholder.typicode.com/bar
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
      build: {
        outDir: 'dist',//指定输出路径（相对于 项目根目录).
        assetsDir: 'assets',//指定生成静态资源的存放路径
	    rollupOptions: {
	      // ...
	    }
  }
})