1.首先需要创建config.js,注意,文件需要最好放在static目录下,这样配置文件回味与打出来的dist包的最外层,方便二次配置操作。

其次,编辑内容:

window.appConfig = {baseURL: 'http://www.baidu.com.cn/',
}

做完了配置操作之后,还需要在index.html中配置如下内容,这样可以做到配置文件的刷新操作:

<script>document.write('<script src="./static/config.js?t=' + new Date().getTime() + '"><\/script>');</script>

2.  最后一步就是引入操作:

具体使用方式,首先是导入:

const myAppConfig = window.appConfig

2.1. 使用:

var baseUrl = myAppConfig.baseURL

vue读取外部配置文件相关推荐

  1. webpack打包VUE项目读取外部配置文件,灵活配置域名

    参考方案一 作为一个兼职前端和运维的java程序员,今天我司测试人员提出了一个需求,当后台服务地址ip地址改变后,webpack打包的VUE项目得更改地址重新打包,太麻烦了,最好可以读取外部配置文件的 ...

  2. @PropertySource读取外部配置文件中的k-v保存到运行的环境变量中,加载完微博的配置文件以后使用${}取配置文件中的键值

    @PropertySource读取外部配置文件中的k-v保存到运行的环境变量中,加载完微博的配置文件以后使用${}取配置文件中的键值 该注解value={},可以使用String数组形式,读取多个配置 ...

  3. 无需Java环境,Jar包一键启停(静默启停),开机自启,读取外部配置文件

    无需Java环境,Jar包一键启停(静默启停),开机自启,读取外部配置文件 前言 一.目录结构 1.根目录 2.bin 目录 3.conf 目录 4.target 目录 二.文件内容 1.startu ...

  4. springboot加载外部xml_SpringBoot读取外部配置文件的方法

    1.SpringBoot配置文件 SpringBoot使用一个以application命名的配置文件作为默认的全局配置文件.支持properties后缀结尾的配置文件或者以yml/yaml后缀结尾的Y ...

  5. SpringBoot打成jra包启动时读取外部配置文件实现动态配置

    场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面 ...

  6. springboot 打jar 包部署时 读取外部配置文件

    案例:本文主要描述linux系统执行jar包读取jar包同级目录的外部配置文件 方法一:相对路径设置配置文件 (1)在jar包同级目录创建配置文件conf.properties并写入配置数据: con ...

  7. 读取外部配置文件_SpringBoot外部配置、优先级及配置详解

    一.外部配置及优先级 SpringBoot的外部配置属性值官方给出了很多种方式,以便可以在不同的环境中使用相同的代码. 其使用了非常特别的PropertySource命令,旨在允许合理的覆盖值.当然, ...

  8. SpringBoot读取外部配置文件的方法

    1.SpringBoot配置文件 SpringBoot使用一个以application命名的配置文件作为默认的全局配置文件.支持properties后缀结尾的配置文件或者以yml/yaml后缀结尾的Y ...

  9. spring boot 外部配置文件1-spring.config.location与spring.config.additional-location的区别

    spring boot外部配置文件 基础环境 : 基础环境 版本 spring boot 2.7.0 JDK 8 测试代码: @SpringBootApplication public class D ...

最新文章

  1. 天池大赛 + CV语义分割 + 78万奖金:全国数字生态创新大赛来了!
  2. nginx 设置开机自动启动脚本
  3. MinGW+Lua环境配置小结
  4. python2中如何得到一级域名
  5. 多线程服务器模型-one loop per thread
  6. maskrcnn还可以加网络吗_桃子加蜂蜜可以榨汁吗?桃子和蜂蜜可以一起吃吗?原来可以这样吃...
  7. Excel快速改变行列的次序
  8. 【T-SQL系列】新的排序函数
  9. TypeError: 'NoneType' object is not subscriptable
  10. linux mpeg-4,嵌入式MPEG-4解码系统的设计与实现,嵌入式MPEG-4解码系统,嵌入式Linux,视频码流,P...
  11. 局域网网管软件_局域网安全管理面临的4大挑战
  12. 一师一优课转码工具_一师一优课流程详细整理
  13. Spring Framework--Data Access(1)--Transaction Management(2) - 声明式事务管理
  14. 分享不会迟到,只会来的晚一点——16倍速视频播放
  15. 远程智能开关安装方法
  16. Speech recognition模型:RNN Transducer(RNN-T)
  17. php商城积分兑换商品功能,帮助中心-积分商城的功能详解
  18. 时隙ALOHA(S-ALOHA)算法的实现及其性能分析
  19. Python基础教程(第3版)读书笔记:第2章 列表和元组
  20. 世界上第一台计算机采用哪位科学家,计算机基础知识试题及答案解析

热门文章

  1. c++中vector用法(涵盖算法题中知识点)
  2. fetch与XHR的区别与优势
  3. [译]AppExtension编程指南:扩展基础1
  4. 【二十】Jmeter:插件二次开发—— JMeter 源码导入 eclipse
  5. android 小学课程,小学课堂(小学学习软件)
  6. python多进程控制gui界面_Python优雅地终止了多进程和gui进程
  7. Java 表单提交下拉框_Java实现Layui的form表单动态绑定下拉框
  8. [Teamcenter 2007 开发实战] 调用web service
  9. [Extjs 4] 类系统
  10. [Web Chart系列之五] 3. 实战draw2d 之图形填充色(纯色 or 渐变)