前端，vue，将部份数据放置json，通过维护json进行修改，避免反复打包换包发布

前端写页面的时候，对于一些标题，副标题等，都是直接写死，因为一般情况都不会有什么变化，如果有一些规则描述需要修改的，可能也就代码修改后，重新发布，
有些麻烦，为了避免每次都需要代码中修改，直接将这些变动频繁的数据放到json中，前端获取json中的数据进行赋值，这样就可以通过维护json直接更新修改了。
步骤：

1. 在static文件夹中创建一个.json 文件
   将经常变动的数据定义成变量，键值对，放置在此文件中
   如：

{
  "dev": "http://xxxx:80",
  "legends": {
    "desc":"abcxxxxxxxxx",
  }
}

2. 在static文件夹同级目录中创建一个js文件
   文件请求获取数据，将数据暴露出去

var legends = ""; //定义服务端接口访问数据
$.ajax({
//添加版本号，避免后期系统运行浏览器报304读取历史数据，无法每次获取最新数据
  url: `./static/utils/server.json?timestamp=${new Date().getTime()}`, 
  async: false,
  dataType: "json",
  cache:false,
  success:  (server)=> {
    if (!legends) legends = server.legends ? server.legends : {}
    //未获取到图例数据异常处理
    if (!legends) {
      alert("图例配置错误,请检查")
    }
  },
  error: function (xhr) {
    alert("图例文件访问错误： " + xhr.status + " " + xhr.statusText);
  }
});
export default legends;

3.在需要使用的页面中引入，然后就可以愉快的使用了！
import legends from "../../../lengends";