vue3+vite中process.env

Posted 安果移不动

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3+vite中process.env相关的知识,希望对你有一定的参考价值。

vue3与vue2不同,没有了那个配置文件

 而是需要

 define: 
        'process.env': 
            VUE_APP_BASE_API_KEY: 123456,
            VUE_APP_BASE_HOST: 'https://xxx.xxx.com',
            

        

在vue。config.ts 与plugins统计新增define 并且新增如上变量

加上后仍旧process 会报错

可以添加、

 

/// <reference types="vite/client" />
declare var process: NodeJS.Process;

就不提示错误了

以上是关于vue3+vite中process.env的主要内容,如果未能解决你的问题,请参考以下文章

vite 使用 process.env的问题

Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例

Vue3+vite2 博客前端开发

Vue3-前端构建工具(Vue-Cli和Vite) & 计算属性 & 侦听器

前端vue3+typescript搭建vite项目(初识vite+项目配置完善+屏幕适配)

前端vue3+typescript搭建vite项目(初识vite+项目配置完善+屏幕适配)