fix(vite.config): fix base url

prod env path error when use dynamic routing
This commit is contained in:
zed.wu 2022-03-21 13:50:58 +08:00
parent 0f182d8315
commit 3cf9a1a53a
3 changed files with 33 additions and 24 deletions

2
.env
View File

@ -1 +1,3 @@
VITE_SOME_KEY=123
# 打包路径
VITE_BASE_URL = /

View File

@ -1 +1,3 @@
VITE_SOME_KEY=456
# 打包路径
VITE_BASE_URL = ./

View File

@ -1,4 +1,4 @@
import { defineConfig } from 'vite';
import { ConfigEnv, UserConfig, loadEnv } from 'vite';
import { viteMockServe } from 'vite-plugin-mock';
import createVuePlugin from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
@ -6,9 +6,13 @@ import svgLoader from 'vite-svg-loader';
import path from 'path';
const CWD = process.cwd();
// https://vitejs.dev/config/
export default defineConfig({
base: '/starter/vue-next/',
export default ({ mode }: ConfigEnv): UserConfig => {
const { VITE_BASE_URL } = loadEnv(mode, CWD);
return {
base: VITE_BASE_URL,
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
@ -32,4 +36,5 @@ export default defineConfig({
'/api': 'http://127.0.0.1:3000/',
},
},
});
};
};