Vue 多环境配置 -- Vue3+vite+ts 没找到类似的解决方案

Vue3+vite+ts  没找到类似的解决方案

没有使用 package.json 进行配置 ，改配置时不需要重新打包 Vue 多环境配置 package.json

settings.js，并将其添加到 public/index.html 中

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>系统</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but iview-admin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <script type="text/javascript" src="./settings.js"></script>
    <!-- built files will be auto injected -->
  </body>
</html>

 

window.environment="dev"
window.version = 'v1.0.1'

window.settings.dev = {
  environment: '开发',
  apiUrl: 'http://localhost:9091'
}

window.settings.test = {
  environment: '测试',
  apiUrl: 'http://192.168.0.100:9091'
}

window.settings.pre = {
  environment: '预发布',
  apiUrl: 'http://192.168.0.101:9091'
}

window.settings.pro = {
  environment: '正式',
  apiUrl: 'http://192.168.0.102:9091'
}

config/index.js

let _settings = '';
if (window.environment == 'dev') {
  _settings = window.settings.dev
} else if (window.environment == 'test') {
  _settings = window.settings.test
} else if (window.environment == 'pre') {
  _settings = window.settings.pre
} else if (window.environment == 'pro') {
  _settings = window.settings.pro
} else {
  _settings = window.settings.dev
}

export default {
  env: _settings,
}

main.js





 import config from '@/config'




/**
 * @description 全局注册应用配置
 */
Vue.prototype.$config = config




 


vue




<div>{{config.env.environment}}</p>


<script>
import config from '@/config'
export default {
  components: {
    
  },
  data(){
    return {
      config:config
    }
  }
}
</script>
<style>

</style>




 


image


 







            

            
posted @ 
2022-09-15 15:10 
VipSoft 
阅读(279) 
评论(0) 
 
收藏 
举报