vite配置代理

148 阅读1分钟
import { fileURLToPath, URL } from 'node:url'

import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  css: {
    preprocessorOptions: {
      scss: {
        // additionalData: `@import "@/styles/variables.scss";`
      }
    }
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
      proxy: {
          //将所有匹配 /api 的请求代理到 http://localhost:3000
          "/api": {
              //请求的后端的服务地址
              target: "http://localhost:8090",
              changeOrigin: true,
              //在进行发送请求时,会把api置空
              //比如前端的路径为 http://localhost:3000/api/list
              //实际发送给后端的路径为: http://localhost:3000/list
              rewrite: (path) => path.replace(/^\/api/, ""),
          },
      },
  },  
})