代码拉取完成,页面将自动刷新
import {fileURLToPath, URL} from 'node:url'
import {defineConfig, loadEnv} from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import vueDevTools from 'vite-plugin-vue-devtools'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'
import {createSvgIconsPlugin} from "vite-plugin-svg-icons";
import {viteMockServe} from "vite-plugin-mock";
import UnoCSS from "unocss/vite";
import path from "path";
const CWD = process.cwd();
const pathSrc = path.resolve(__dirname, 'src')
// https://cn.vite.dev/config/
export default defineConfig(({mode}) => {
const env = loadEnv(mode, CWD)
////// console.log("【环境变量】", env, '\n\n')
return {
base: env.VITE_BASE,
server: {
port: 6969,
host: true,
open: true,
proxy: {
'/dev-api': {
target: env.VITE_API_URL,
changeOrigin: true,
rewrite: (path) => path.replace(/^\/dev-api/, ''),
},
'/prod-api': {
target: env.VITE_API_URL,
changeOrigin: true,
rewrite: (path) => path.replace(/^\/prod-api/, ''),
},
},
},
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
'~': path.resolve(__dirname, './'),
},
},
plugins: [
vue(),
vueJsx(),
vueDevTools(),
AutoImport({
imports: [
'vue',
'vue-router',
'pinia'
],
dts: true,
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
createSvgIconsPlugin({
iconDirs: [path.resolve(process.cwd(), 'src/asset/svg')],
symbolId: 'icon-[name]',
}),
UnoCSS(),
//Mock
viteMockServe({
enable: env.VITE_MOCK_OPEN === "true", // true/false
mockPath: 'mock', // 设置mockPath为根目录下的mock目录
watchFiles: true, // 是否监视文件更改
logger: true, //是否在控制台显示请求日志
}),
]
}
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。