vue3 项目不支持使用 process.env 变量 process is not defined

使用场景
在vue3的项目中,使用el-upload上传图片,需要给组件添加一个action,这时定义的action就不能写死,于是就将action定义为一个变量

action: process.env.VUE_APP_BASE_API + "/admin/xxx/uploadoss",

但这时候控制台报错 process is not defined

因为vue3 将process.env 移除了

解决方案

打开vite.config.js

export default defineConfig(({
     
      mode, command }) => {
    
    
    const env = loadEnv(mode, process.cwd())
    return {
    
    
        define: {
    
    
            'process.env': {
    
    
                VUE_APP_BASE_API: 'http://192.168.1.185:9999'
            }
          }
       
})

添加如上内容即可

猜你喜欢

转载自blog.csdn.net/c327127960/article/details/128952027