增加动态配置文件，打包后的前端可以根据现场修改访问地址
需要配置其他值也类似在配置文件进行设置
这里以配置地址为例进行说明如下：具体项目中已经使用过没有问题，大家可参考
1.首先增加配置文件config.js
在public文件下增加config.js或在static文件下增加config.js
例如：并增加配置记录
window.dict = {
"author_name": "dingwangjun"
"BASE_API" : "http://172.10.10.44:9090"
}
2.在index.html文件下引入配置的config.js文件
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<script src="./config.js"></script>
<!--<script src="/static/config.js"></script>-->
<body>
<div id="app" style="height: 100%"></div>
</body>
</html>
3.main.js文件中增加如下代码
//vue2写法
Vue.prototype.$dict = window.dict
//vue3写法，vue3写法原理一样，如果类型不对可调整下
//const temp: any = window
import { createApp } from 'vue'
let app= createApp(App)
app.config.globalProperties.$dict = window.dict
//app.config.globalProperties.$dict = temp.dict
4.request.js修改如下代码
// 创建axios实例
const service = axios.create({
//baseURL: process.env.BASE_API,
baseURL: dict.BASE_API,
timeout: Config.timeout
})
5.配置了其他值，其他页面需要使用的话，直接通过dict就可以点出来使用
例如：let name = dict.author_name
1630
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
