vue项目本地运行,解决报错:TypeError: Cannot read property ‘upgrade‘ of undefined

文章讲述了在Vue项目中,由于在vue.config.js中引用的环境变量未在.env.development文件中定义,导致配置出错。解决方案是确保所有在配置文件中使用的环境变量已在相应的环境文件中声明,如VUE_APP_BASE_API和VUE_APP_PROXY_TARGET等。
摘要由CSDN通过智能技术生成

原因:vue.config.js中使用的环境变量没有在本地的环境文件中声明导致

一、项目根目录下的.env.development文件(开发环境文件):

# Base api
VUE_APP_BASE_API = '/api'
NODE_ENV = 'dev'
VUE_APP_PROXY_TARGET = 'https://xxxxxx.com'

# bim项目
VUE_APP_BASE_BIM_API='/bim-test'
VUE_APP_BIM_PROXY_TARGET = 'https://xxxxx.com'

二、vue.config.js文件:

module.exports = {
    devServer: {
        ... // 省略code
        proxy: {
          // detail: https://cli.vuejs.org/config/#devserver-proxy
          [process.env.VUE_APP_BASE_API]: {
            target: process.env.VUE_APP_PROXY_TARGET,
            changeOrigin: true, // needed for virtual hosted sites
            ws: true, // proxy websockets
            pathRewrite: {
              ['^' + process.env.VUE_APP_BASE_API]: ''
            }
          },
          [process.env.VUE_APP_BASE_BIM_API]: {
            target: process.env.VUE_APP_BIM_PROXY_TARGET,
            changeOrigin: true, // needed for virtual hosted sites
            ws: true, // proxy websockets
            pathRewrite: {
              ['^' + process.env.VUE_APP_BASE_BIM_API]: ''
            }
          }
        }
      },
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值