Teamlinker/code/client/vite.config.ts

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import * as fs from "fs";
import * as path from "path";
import viteCompression from 'vite-plugin-compression'
import {createSvgIconsPlugin} from "vite-plugin-svg-icons";

export default defineConfig({
    resolve:{
      alias:{
          "@":path.join(__dirname,"src")
      }
    },
  plugins: [
      vue(),
      viteCompression({
          threshold:102400
      }),
      createSvgIconsPlugin({
          iconDirs:[path.join(__dirname,"./src/assert/custom")],
          symbolId:'[name]'
      })
  ],
  server:{
      host:"0.0.0.0",
      https:{
          key:fs.readFileSync(path.join(__dirname,'./certs/key.pem')),
          cert: fs.readFileSync(path.join(__dirname,'./certs/cert.pem'))
      },
      port: 3000,
      hmr:true,
      open: false, //自动打开
      base: "./ ", //生产环境路径
      proxy: { // 本地开发环境通过代理实现跨域，生产环境使用 nginx 转发
          // 正则表达式写法
          '^/api': {
              secure:false,
              target: 'https://localhost:14000/api', // 后端服务实际地址
              changeOrigin: true, //开启代理
              rewrite: (path) => path.replace(/^\/api/, '')
          },
          '^/file': {
              secure:false,
              target: 'https://localhost:14000/file', // 后端服务实际地址
              changeOrigin: true, //开启代理
              rewrite: (path) => path.replace(/^\/file/, '')
          },
          "/socket.io":{
              target:"https://localhost:14000",
              secure:false,
              ws:true,
              changeOrigin: true
          }
      }
  },
})