vue 实现全局配置 电脑版发表于:2024/5/6 17:29 ### 方法一 tn2> **1: 在静态资源里边加一个config.js** ![](https://img.tnblog.net/arcimg/xiuxin2/703040cae824466e8893f076fbae59a0.png) 里边写一点配置,如: ``` window.peizhi = { title: '过程管理平台 ', activeName: '教学活动展示', autoLoginUrl:"http://localhost:8080/#/", login: { // 登录页系统名称 // sysName: 'SmartEDU', sysName: '', // 登录页logo leftToplogo: ''//https://cqyzadmin.xx.com/asserts/img/logo_yz.png } } ``` tn2> **2: index.html里边引入一下刚刚加入的js** 就当普通的引入js这样即可 ``` <script src="/static/config.js?t=<%= Math.round(new Date().getTime()/1000).toString() %>"></script> ``` 然后其实使用就可以通过window.peizhi.xx使用了 tn2> **3: 可以在main.js里边加入一点代码方便使用** 加入代码: ``` Vue.prototype.$peizhi = window.peizhi ``` 然后在页面上使用的时候就可以这样用了: ``` this.$peizhi.autoLoginUrl ```