vite.config.ts server的配置

发布时间 2023-06-07 11:29:10作者: 漫漫长路
import { defineConfig } from 'vite'
//Install node types before calling below import
import {fileURLToPath} from "url";
import path from 'path';
import vue from '@vitejs/plugin-vue'

import AutoImport from "unplugin-auto-import/vite";


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      //Targets(file extensions)
      include:[
        /\.[tj]sx?$/,
        //Regex which says t or j followed by sx. tsx jsx ,? next to x says it can happen zero or one time js ,ts
        /\.vue$/,
        // $ at the end says it ends with vue
      ],
      //globals (libraries)
      imports:["vue","vue-router","pinia"],
      //other settings/files/dirs to import
      dts:true,//Autoimport all the files that ends with d.t 
      //Autoimport inside vue template
      vueTemplate:true,
      eslintrc:{enabled:true}
    })
  ],
  base:"./",
  resolve:{
    alias:{
      //Two methods available
      //Method 1 : using fireURLtoPath(keep adding other paths as needed)
      "@":fileURLToPath(new URL("./src",import.meta.url)),

      //Method 2 : using path
      "@components":path.resolve(__dirname,"src/components"),
      "@pages":path.resolve(__dirname,"src/pages"),
      "@layout":path.resolve(__dirname,"src/layout"),
      "@tests":path.resolve(__dirname,"src/tests"),
      "@assets":path.resolve(__dirname,"src/assets"),
      "@api":path.resolve(__dirname,"src/api"),
      "@stores":path.resolve(__dirname,"src/stores"),
      "@utils":path.resolve(__dirname,"src/utils"),
    }
  },
  // 跨域配置
  server:{
    proxy:{
      "/api":{
        target:"http://192.168.1.133/api/",
        changeOrigin:true,
        rewrite:(path)=>path.replace(/^\/api/,""),
      }
    }
  }
})