网站快速查找,专业商城网站建设报价单,android应用开发详解,顺义建站设计关于VUE3 vite.config.js文件配置相关
提示#xff1a;本文记录了我们项目中使用到了多个不同的接口请求前缀地址配置代理#xff0c;如果有更好的优化方案欢迎大佬指点呀#xff1a;
以下是我最近项目中的vite.config.js文件配置#xff0c;由于刚开始vue3不久#xff…关于VUE3 vite.config.js文件配置相关
提示本文记录了我们项目中使用到了多个不同的接口请求前缀地址配置代理如果有更好的优化方案欢迎大佬指点呀
以下是我最近项目中的vite.config.js文件配置由于刚开始vue3不久希望各位大佬不吝赐教快来分享你们的配置呀。 vite.config.js配置如下
/* eslint-disable import/no-extraneous-dependencies */
import { defineConfig, loadEnv } from vite;
import path from path;
import vue from vitejs/plugin-vue;
import legacy from vitejs/plugin-legacy;export default defineConfig(({ mode }) {// 加载 .env 文件const env loadEnv(mode, process.cwd());return {// host: 192.168.X.XXX, 这里改为自己的IP地址可以让同事直接访问自己本地方便及时看到效果base: env.VITE_PUBLIC_PATH,resolve: {alias: {/: ${path.resolve(__dirname, src)}/,},},server: {port: Number(env.VITE_PORT),proxy: {[env.VITE_BASE_API]: {// rewrite: (path) path.replace(/^\/api/, ),target: env.VITE_PROXY_API,changeOrigin: true,},[env.VITE_BASE_API1]: {target: env.VITE_PROXY_API,changeOrigin: true,},[env.VITE_BASE_API2]: {target: env.VITE_PROXY_API,changeOrigin: true,},[env.VITE_BASE_API3]: {target: env.VITE_PROXY_API,changeOrigin: true,},// [env.VITE_BASE_UPLOADS]: {// target: env.VITE_PROXY_UPLOADS,// changeOrigin: true,// },},},build: {chunkSizeWarningLimit: 1500,},plugins: [vue(),legacy({targets: [defaults, not IE 11],}),],css: {preprocessorOptions: {scss: {// 关闭编译时 字符编码 报错问题charset: false,},},},};
});
vite.config文件中引入的.env文件配置如下
由于此项目我们使用到了多个baseapi 前缀故此处配置多个
VITE_APP_TITLE我的项目名
VITE_PROXY_APIhttps://xxxxx.com
VITE_PORT9521
VITE_PUBLIC_PATH./
VITE_BASE_API/ctx-coop-member
VITE_BASE_API1/ctx-coop-user
VITE_BASE_API2/ctx-coop-portal
VITE_BASE_API3/ctx-coop-finance