HI-VPN/hi-frontend
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

✨ feat: Update Vite configuration to load environment variables for improved API proxy setup

Browse Source
This commit is contained in:
web@ppanel 2025-12-29 07:16:13 +00:00
parent 8d514dfd8f
commit d36a2c902b
2 changed files with 64 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
apps/admin/vite.config.ts
View File

@ -4,7 +4,7 @@ import tailwindcss from "@tailwindcss/vite";
import { devtools } from "@tanstack/devtools-vite";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig, type Plugin } from "vite";
import { defineConfig, loadEnv, type Plugin } from "vite";
// Plugin to generate version.lock file after build
function versionLockPlugin(): Plugin {
@ -24,33 +24,37 @@ function versionLockPlugin(): Plugin {
}
// https://vitejs.dev/config/
export default defineConfig({
base: "./",
plugins: [
devtools({ eventBusConfig: { port: 42_070 } }),
tanstackRouter({
target: "react",
autoCodeSplitting: true,
}),
viteReact(),
tailwindcss(),
versionLockPlugin(),
],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
server: {
proxy: {
"/api": {
target: import.meta.env.VITE_API_BASE_URL || "https://api.ppanel.dev",
changeOrigin: true,
secure: false,
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd(), "");
return {
base: "./",
plugins: [
devtools({ eventBusConfig: { port: 42_070 } }),
tanstackRouter({
target: "react",
autoCodeSplitting: true,
}),
viteReact(),
tailwindcss(),
versionLockPlugin(),
],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
},
build: {
assetsDir: "static",
},
server: {
proxy: {
"/api": {
target: env.VITE_API_BASE_URL || "https://api.ppanel.dev",
changeOrigin: true,
secure: false,
},
},
},
build: {
assetsDir: "static",
},
};
});

60
apps/user/vite.config.ts
View File

@ -4,7 +4,7 @@ import tailwindcss from "@tailwindcss/vite";
import { devtools } from "@tanstack/devtools-vite";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig, type Plugin } from "vite";
import { defineConfig, loadEnv, type Plugin } from "vite";
// Plugin to generate version.lock file after build
function versionLockPlugin(): Plugin {
@ -24,33 +24,37 @@ function versionLockPlugin(): Plugin {
}
// https://vitejs.dev/config/
export default defineConfig({
base: "./",
plugins: [
devtools({ eventBusConfig: { port: 42_069 } }),
tanstackRouter({
target: "react",
autoCodeSplitting: true,
}),
viteReact(),
tailwindcss(),
versionLockPlugin(),
],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
server: {
proxy: {
"/api": {
target: import.meta.env.VITE_API_BASE_URL || "https://api.ppanel.dev",
changeOrigin: true,
secure: false,
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd(), "");
return {
base: "./",
plugins: [
devtools({ eventBusConfig: { port: 42_069 } }),
tanstackRouter({
target: "react",
autoCodeSplitting: true,
}),
viteReact(),
tailwindcss(),
versionLockPlugin(),
],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
},
build: {
assetsDir: "static",
},
server: {
proxy: {
"/api": {
target: env.VITE_API_BASE_URL || "https://api.ppanel.dev",
changeOrigin: true,
secure: false,
},
},
},
build: {
assetsDir: "static",
},
};
});