Ambiente de produção Vue e configuração do ambiente local

1. Crie o arquivo .env.development
ambiente local no mesmo diretório que src

NODE_ENV = 'development'  
VUE_APP_MODE = 'development'  
VUE_APP_API_URL = 'http://192.168.xx.xx:xxxx' 

2. Crie o arquivo .env.production no mesmo diretório que src
para alterar o ambiente de teste/ambiente de produção e modifique VUE_APP_API_URL

NODE_ENV = 'production'
VUE_APP_MODE = 'production'
VUE_APP_API_URL = 'https://xx.xx..com.cn:xxx'

3、vue.config.js

module.exports = defineConfig({
    
    
  //配置publicPath
  publicPath: process.env.NODE_ENV === 'production' ? '/xxx' : '/',
  //...
})

4. Embalagem

npm run build

Referência:
1. Configure o ambiente de desenvolvimento, o ambiente de teste e o ambiente de produção no vue
2. Configure o ambiente de produção e a configuração do ambiente de desenvolvimento no ambiente vue
3. Empacote o subambiente do projeto Vue (ambiente de desenvolvimento/teste/produção)