vue/cli 创建的项目 webpack

• .env.development文件
  
  	# 开发环境
      NODE_ENV='development'
  	
  	# api前缀
      VUE_APP_BASE_API='/api'
  
      # 代理目标地址
      VUE_APP_TARGET_URL='http://192.168.11.169:9600/'
  

• .env.production文件
  	# 生产环境
      NODE_ENV='production'
  	
  	# api前缀
      VUE_APP_BASE_API='https://support.whaleal.com/' 
  

• request.js文件
  
      const axiosOption = {
        baseURL: process.env.VUE_APP_BASE_API,
        timeout: 5000
      }
  

• vue.config.js文件
  
      const { defineConfig } = require('@vue/cli-service')
      module.exports = defineConfig({
        devServer: {
          proxy: {
            '/api': {
              target: process.env.VUE_APP_TARGET_URL,
              ws: true,
              changeOrigin: true
              pathRewrite: {
                '^/api': ''
              }
            }
          }
        }
      })
  
  

vite项目

• .env.development文件
  
  	# 开发环境
      NODE_ENV = 'development'
  	
  	# api前缀
      VITE_APP_BASE_API = '/api'
  
      # 代理目标地址
      VITE_APP_TARGET_URL = 'http://192.168.11.169:9600/'
  

• .env.production文件
  
      # 生产环境
      NODE_ENV = 'production'
  	
  	# api前缀
      VITE_APP_BASE_API = 'https://account.whaleal.com/'
  

• request.js文件
  
  	const baseURL = import.meta.env.VITE_APP_BASE_API
  

• vite.config.js文件
  
      import { defineConfig, loadEnv } from 'vite'
      import vue from '@vitejs/plugin-vue'
      export default ({ mode }) => {
        const env = loadEnv(mode, process.cwd())
        return defineConfig({
          plugins: [vue()],
          server: {
            proxy: {
              '/api': {
                target: env.VITE_APP_TARGET_URL,
                changeOrigin: true,
                rewrite: path => path.replace(/^\/api/, '')
              }
            }
          }
        })
      }