zoukankan      html  css  js  c++  java
  • vite 使用 process.env

    .env.development

    VITE_HOST = '127.0.0.1'
    VITE_PORT = 3003
    VITE_BASE_URL = './'
    VITE_OUTPUT_DIR = 'dist1'
    VITE_API_DOMAIN = 'http://ip:8080/' //本地环境地址(可用于开发时联调)
    

     .env.production

    VITE_HOST = '127.0.0.1'
    VITE_PORT = 3005
    VITE_BASE_URL = './'
    VITE_OUTPUT_DIR = 'dist'
    VITE_API_DOMAIN = 'http://ip:8080/'
    

    vite.config.js

    import vue from '@vitejs/plugin-vue'
    import {defineConfig, loadEnv} from "vite";
    
    export default ({command, mode}) => {
        const envConfig = loadEnv(mode, './');
        let config = {
            base: './',
            plugins: [vue()],
            optimizeDeps: {
                include: ['schart.js']
            },
            server: {
                host: envConfig.VITE_HOST,
                port: envConfig.VITE_PORT,
                // 是否自动在浏览器打开
                open: true,
                // 是否开启 https
                https: false,
                // 服务端渲染
                ssr: false,
                base: envConfig.VITE_BASE_URL,
                outDir: envConfig.VITE_OUTPUT_DIR,
                define: {
                    'process.env': {}
                }
            },
        };
    
        return defineConfig(config)
    }
    

    package.json

    "scripts": {
        "dev": "vite --mode development",
        "test": "vite  --mode testing",
        "prod": "vite  --mode production",
        "serve": "vite preview"
      },
    

    引入环境配置

    import.meta.env.VITE_API_DOMAIN
    

      

  • 相关阅读:
    数据库查询服务DBCacheServer
    SmallMQ实现发布
    数据库查询服务DBCacheServer
    Mysql ACID与隔离级别
    jsp拾遗
    Git项目创建与提交
    Spring Boot详细学习地址转载
    Spring Cloud微服务体系搭建
    前后端分离项目启动参考
    JVM类加载机制总结
  • 原文地址:https://www.cnblogs.com/yuarvin/p/15719657.html
Copyright © 2011-2022 走看看