18c78e7fec
-将 Vite 升级到6.0.0 版本 - 添加 legacy 插件以支持旧版浏览器 - 引入 autoprefixer 以增强 CSS兼容性 - 更新 browserslist 以指定目标浏览器版本 - 在 main.ts 中引入 core-js 和 regenerator-runtime 以提供 Polyfill 支持
72 lines
2.1 KiB
TypeScript
72 lines
2.1 KiB
TypeScript
// vite.config.ts
|
|
import { defineConfig, loadEnv } from 'vite'; // 从 vite 导入 loadEnv
|
|
import vue from '@vitejs/plugin-vue';
|
|
import { fileURLToPath, URL } from 'node:url';
|
|
import vueJsx from '@vitejs/plugin-vue-jsx';
|
|
import AutoImport from 'unplugin-auto-import/vite';
|
|
import Components from 'unplugin-vue-components/vite';
|
|
import { ElementPlusResolver, VantResolver } from 'unplugin-vue-components/resolvers';
|
|
import postCssPxToRem from 'postcss-pxtorem';
|
|
import legacy from '@vitejs/plugin-legacy';
|
|
import autoprefixer from 'autoprefixer';
|
|
export default defineConfig(({ mode }) => {
|
|
// 接收 mode 参数
|
|
// 正确加载环境变量
|
|
const env = loadEnv(mode, process.cwd());
|
|
|
|
// 从 env 对象中获取变量
|
|
const proxyUrl = env.VITE_APP_BASEURL;
|
|
const proxyUrlDelivery = env.VITE_APP_DELIVERY_BASEURL;
|
|
return {
|
|
// 必须 return 配置对象
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port: 3000,
|
|
proxy: {
|
|
'/backend-api': {
|
|
target: proxyUrl,
|
|
changeOrigin: true,
|
|
pathRewrite: {
|
|
'^/backend-api': '' // 路径重写
|
|
},
|
|
// bypass: (req) => req.headers.accept?.indexOf('html') !== -1, // 跳过 HTML 请求
|
|
cookieDomainRewrite: 'localhost'
|
|
},
|
|
'/request-java': {
|
|
target: `${proxyUrlDelivery}/api`,
|
|
changeOrigin: true,
|
|
pathRewrite: { '^/request-java': '' }
|
|
}
|
|
}
|
|
},
|
|
css: {
|
|
postcss: {
|
|
plugins: [
|
|
autoprefixer(),
|
|
postCssPxToRem({
|
|
rootValue: 37.5,
|
|
propList: ['*']
|
|
})
|
|
]
|
|
},
|
|
preprocessorOptions: {
|
|
scss: { api: 'modern-compiler' }
|
|
}
|
|
},
|
|
plugins: [
|
|
vue(),
|
|
vueJsx(),
|
|
AutoImport({ resolvers: [VantResolver(), ElementPlusResolver()] }),
|
|
Components({ resolvers: [VantResolver(), ElementPlusResolver()] }),
|
|
legacy({
|
|
targets: ['defaults', 'not IE 11'] // 根据需要调整目标浏览器
|
|
})
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
|
}
|
|
}
|
|
};
|
|
});
|