前端，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";