diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 213f5e6..0d6d8a4 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,7 @@
 
 const TokenKey = 'token'
 const PublicKey = 'public_key'
+const WsUrl = 'ws_url'
 
 export function getToken() {
   return Cookies.get(TokenKey)
@@ -27,3 +28,11 @@
   return window.localStorage.removeItem(PublicKey)
 }
 
+export function getWsUrl() {
+  return window.localStorage.getItem(WsUrl)
+}
+
+export function setWsUrl(wsUrl) {
+  return window.localStorage.setItem(WsUrl, wsUrl)
+}
+

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 213f5e6..0d6d8a4 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,7 @@
 
 const TokenKey = 'token'
 const PublicKey = 'public_key'
+const WsUrl = 'ws_url'
 
 export function getToken() {
   return Cookies.get(TokenKey)
@@ -27,3 +28,11 @@
   return window.localStorage.removeItem(PublicKey)
 }
 
+export function getWsUrl() {
+  return window.localStorage.getItem(WsUrl)
+}
+
+export function setWsUrl(wsUrl) {
+  return window.localStorage.setItem(WsUrl, wsUrl)
+}
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 8a3dab6..7a90f88 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -94,15 +94,17 @@
         this.$refs.panelgroup.refresh()
       }
     }
-  },
-  mounted() {
-    // this.webSocket()
-  },
-  methods: {
-    webSocket() {
-      this.$store.dispatch('initWebSocket')
-    }
   }
+  // mounted() {
+  //   if(this.baseConfig.refreshType=='websocket'){
+  //     this.webSocket()
+  //   }
+  // },
+  // methods: {
+  //   webSocket() {
+  //     this.$store.dispatch('initWebSocket')
+  //   }
+  // }
 }
 </script>
 

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 213f5e6..0d6d8a4 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,7 @@
 
 const TokenKey = 'token'
 const PublicKey = 'public_key'
+const WsUrl = 'ws_url'
 
 export function getToken() {
   return Cookies.get(TokenKey)
@@ -27,3 +28,11 @@
   return window.localStorage.removeItem(PublicKey)
 }
 
+export function getWsUrl() {
+  return window.localStorage.getItem(WsUrl)
+}
+
+export function setWsUrl(wsUrl) {
+  return window.localStorage.setItem(WsUrl, wsUrl)
+}
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 8a3dab6..7a90f88 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -94,15 +94,17 @@
         this.$refs.panelgroup.refresh()
       }
     }
-  },
-  mounted() {
-    // this.webSocket()
-  },
-  methods: {
-    webSocket() {
-      this.$store.dispatch('initWebSocket')
-    }
   }
+  // mounted() {
+  //   if(this.baseConfig.refreshType=='websocket'){
+  //     this.webSocket()
+  //   }
+  // },
+  // methods: {
+  //   webSocket() {
+  //     this.$store.dispatch('initWebSocket')
+  //   }
+  // }
 }
 </script>
 
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index d98309d..7802525 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
-    <h3>智能窨井监测管理系统</h3>
+    <h3>{{title}}</h3>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
         <span style="line-height:50px;">欢迎您，{{ name }}</span>
@@ -34,6 +34,7 @@
   components: { ResetPwd },
   data() {
     return {
+      title:this.baseConfig.title,
       name: this.$store.getters.name,
       showSetPwd: false,
       headerUrl: require('../../../assets/global_images/header.png'), // 头部图片
@@ -45,6 +46,11 @@
       'avatar'
     ])
   },
+  mounted() {
+    if(this.baseConfig.refreshType=='websocket'){
+      this.webSocket()
+    }
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('ToggleSideBar')
@@ -57,6 +63,9 @@
     resetPwd() {
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
+    },
+    webSocket() {
+      this.$store.dispatch('initWebSocket',this.baseConfig.wsUrl)
     }
   }
 }

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 213f5e6..0d6d8a4 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,7 @@
 
 const TokenKey = 'token'
 const PublicKey = 'public_key'
+const WsUrl = 'ws_url'
 
 export function getToken() {
   return Cookies.get(TokenKey)
@@ -27,3 +28,11 @@
   return window.localStorage.removeItem(PublicKey)
 }
 
+export function getWsUrl() {
+  return window.localStorage.getItem(WsUrl)
+}
+
+export function setWsUrl(wsUrl) {
+  return window.localStorage.setItem(WsUrl, wsUrl)
+}
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 8a3dab6..7a90f88 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -94,15 +94,17 @@
         this.$refs.panelgroup.refresh()
       }
     }
-  },
-  mounted() {
-    // this.webSocket()
-  },
-  methods: {
-    webSocket() {
-      this.$store.dispatch('initWebSocket')
-    }
   }
+  // mounted() {
+  //   if(this.baseConfig.refreshType=='websocket'){
+  //     this.webSocket()
+  //   }
+  // },
+  // methods: {
+  //   webSocket() {
+  //     this.$store.dispatch('initWebSocket')
+  //   }
+  // }
 }
 </script>
 
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index d98309d..7802525 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
-    <h3>智能窨井监测管理系统</h3>
+    <h3>{{title}}</h3>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
         <span style="line-height:50px;">欢迎您，{{ name }}</span>
@@ -34,6 +34,7 @@
   components: { ResetPwd },
   data() {
     return {
+      title:this.baseConfig.title,
       name: this.$store.getters.name,
       showSetPwd: false,
       headerUrl: require('../../../assets/global_images/header.png'), // 头部图片
@@ -45,6 +46,11 @@
       'avatar'
     ])
   },
+  mounted() {
+    if(this.baseConfig.refreshType=='websocket'){
+      this.webSocket()
+    }
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('ToggleSideBar')
@@ -57,6 +63,9 @@
     resetPwd() {
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
+    },
+    webSocket() {
+      this.$store.dispatch('initWebSocket',this.baseConfig.wsUrl)
     }
   }
 }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 2ad3996..2aba071 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -7,7 +7,7 @@
           <img>
         </div>
         <div class="title-div">
-          <h3 class="title">智能窨井监测管理系统</h3>
+          <h3 class="title">{{title}}</h3>
         </div>
       </div>
       <div ref="element" class="right-div">
@@ -86,6 +86,7 @@
       }
     }
     return {
+      title:this.baseConfig.title,
       loginForm: {
         username: '',
         password: '',

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 213f5e6..0d6d8a4 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,7 @@
 
 const TokenKey = 'token'
 const PublicKey = 'public_key'
+const WsUrl = 'ws_url'
 
 export function getToken() {
   return Cookies.get(TokenKey)
@@ -27,3 +28,11 @@
   return window.localStorage.removeItem(PublicKey)
 }
 
+export function getWsUrl() {
+  return window.localStorage.getItem(WsUrl)
+}
+
+export function setWsUrl(wsUrl) {
+  return window.localStorage.setItem(WsUrl, wsUrl)
+}
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 8a3dab6..7a90f88 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -94,15 +94,17 @@
         this.$refs.panelgroup.refresh()
       }
     }
-  },
-  mounted() {
-    // this.webSocket()
-  },
-  methods: {
-    webSocket() {
-      this.$store.dispatch('initWebSocket')
-    }
   }
+  // mounted() {
+  //   if(this.baseConfig.refreshType=='websocket'){
+  //     this.webSocket()
+  //   }
+  // },
+  // methods: {
+  //   webSocket() {
+  //     this.$store.dispatch('initWebSocket')
+  //   }
+  // }
 }
 </script>
 
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index d98309d..7802525 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
-    <h3>智能窨井监测管理系统</h3>
+    <h3>{{title}}</h3>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
         <span style="line-height:50px;">欢迎您，{{ name }}</span>
@@ -34,6 +34,7 @@
   components: { ResetPwd },
   data() {
     return {
+      title:this.baseConfig.title,
       name: this.$store.getters.name,
       showSetPwd: false,
       headerUrl: require('../../../assets/global_images/header.png'), // 头部图片
@@ -45,6 +46,11 @@
       'avatar'
     ])
   },
+  mounted() {
+    if(this.baseConfig.refreshType=='websocket'){
+      this.webSocket()
+    }
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('ToggleSideBar')
@@ -57,6 +63,9 @@
     resetPwd() {
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
+    },
+    webSocket() {
+      this.$store.dispatch('initWebSocket',this.baseConfig.wsUrl)
     }
   }
 }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 2ad3996..2aba071 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -7,7 +7,7 @@
           <img>
         </div>
         <div class="title-div">
-          <h3 class="title">智能窨井监测管理系统</h3>
+          <h3 class="title">{{title}}</h3>
         </div>
       </div>
       <div ref="element" class="right-div">
@@ -86,6 +86,7 @@
       }
     }
     return {
+      title:this.baseConfig.title,
       loginForm: {
         username: '',
         password: '',
diff --git a/src/views/overview/overview.vue b/src/views/overview/overview.vue
index 1c117e8..7fc90dd 100644
--- a/src/views/overview/overview.vue
+++ b/src/views/overview/overview.vue
@@ -133,7 +133,7 @@
     return {
       aMapManager,
       type: 'massMarkers', // 加载数据方式：massMarkers或cluster
-      refreshType: 'clock', // 刷新数据方式：clock或websocket
+      refreshType: this.baseConfig.refreshType, // 刷新数据方式：clock或websocket
       showAlarm: true, // 是否显示报警
       showAll: false, // 是否显示全部井
       listQuery: {
@@ -222,6 +222,8 @@
         //   this.onZoomChange()
         // }
       },
+      latestAlarmTime:'',
+      firstAmount: true,// 是否初次加载
       showClearBtn: false // 是否显示清除查询按钮
     }
   },
@@ -253,7 +255,9 @@
     needRefresh(val) {
       // 需要刷新
       if (val) {
-        this.playAudio()
+        // if(this.baseConfig.alarmSound){
+        //   this.playAudio()
+        // }
         this.refreshAlarm()
       }
     },
@@ -271,6 +275,7 @@
     init() {
       var that = this
       this.getWellList()
+      this.firstAmount = true
       this.refreshAlarm()
       if (this.refreshType === 'clock') { // 如果需要倒计时刷新的
         setTimeout(function() {
@@ -284,7 +289,7 @@
         this.count--
         if (this.count < 0) { // 当倒计时小于0时清除定时器
           this.refreshAlarm()
-          this.count = 60
+          this.count = this.baseConfig.refreshTime
         }
       }, 1000)
     },
@@ -566,11 +571,22 @@
     // 刷新报警列表
     refreshAlarm() {
       console.log('refreshAlarm')
-      this.count = 60
+      this.count = this.baseConfig.refreshTime
       this.loading = true
       getAlarmsNow().then(response => {
         if (response.code === 200) {
           this.loading = false
+          // 判断最新报警时间，若和旧的最新时间不一样，则判断是否需要产生声音
+          if(response.data.length>0){
+            const latestTime = response.data[0].alarmTime
+            if(this.latestAlarmTime<latestTime){
+              if(!this.firstAmount&&this.baseConfig.alarmSound){
+                this.playAudio()
+              }
+              this.latestAlarmTime = latestTime
+            }
+          }
+          this.firstAmount=false
           // 获取当前报警列表
           this.alarmListOri = response.data // 列表原始
           this.alarmList = response.data

diff --git a/src/main.js b/src/main.js
index f1c60a8..fca74b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,6 +15,7 @@
 import '@/icons' // icon
 import '@/permission' // permission control
 
+import { setWsUrl } from './utils/auth'
 /**
  * This project originally used easy-mock to simulate data,
  * but its official service is very unstable,
@@ -53,12 +54,7 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+
 
 // 引入音频文件
 import audio from '@/assets/audio/alarm.mp3'
@@ -81,8 +77,29 @@
   if (buttonAudio.paused === true) {
     buttonAudio.load()
   } else {
-    buttonAudio.pause()
-    buttonAudio.play()
+    setTimeout(() => {
+      buttonAudio.pause()
+      buttonAudio.play()
+    }, 10 );
+
   }
 }
 
+import axios from 'axios'
+import service from '@/utils/request'
+axios.get('./static/project.config.json').then((result) => {
+  console.log('get config')
+  Vue.prototype.baseConfig = result.data
+  document.title = result.data.title // 首先设置网页的title
+  service.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
+  setWsUrl(result.data.wsUrl)
+  new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+  })
+}).catch((error) => {
+  console.log('get baseConfig error...' + error)
+})
+
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index 840ba53..0c66376 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -1,9 +1,11 @@
 import { Notification } from 'element-ui'
 import router from '../../router'
 import user from './user'
+import { getWsUrl } from '@/utils/auth'
+
 const websocket = {
   state: {
-    wsUrl: 'ws://111.198.10.15:11304/websocket/',
+    wsUrl: getWsUrl(),
     websocket: null,
     wsStatus: false, // websocket连接状态
     needRefresh: false // 是否需要刷新数据
@@ -22,7 +24,7 @@
 
   actions: {
     // 连接websocket
-    initWebSocket({ commit }) {
+    initWebSocket({ commit }, wsUrl) {
       if (typeof (WebSocket) === 'undefined') {
         Notification({
           title: '提示',
@@ -33,8 +35,8 @@
       } else {
         // 获取token保存到vuex中的用户信息，此处仅适用于本项目，注意删除或修改
         // 实例化socket，这里我把用户名传给了后台，使后台能判断要把消息发给哪个用户，其实也可以后台直接获取用户IP来判断并推送
-        const socketUrl = websocket.state.wsUrl + user.state.id
-        console.log(socketUrl)
+        const socketUrl = wsUrl + user.state.id
+        console.log('======>',socketUrl)
         const socket = new WebSocket(socketUrl)
         commit('SET_WEBSOCKET', socket)
         commit('SET_WS_STATUS', true)
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 213f5e6..0d6d8a4 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,7 @@
 
 const TokenKey = 'token'
 const PublicKey = 'public_key'
+const WsUrl = 'ws_url'
 
 export function getToken() {
   return Cookies.get(TokenKey)
@@ -27,3 +28,11 @@
   return window.localStorage.removeItem(PublicKey)
 }
 
+export function getWsUrl() {
+  return window.localStorage.getItem(WsUrl)
+}
+
+export function setWsUrl(wsUrl) {
+  return window.localStorage.setItem(WsUrl, wsUrl)
+}
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 8a3dab6..7a90f88 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -94,15 +94,17 @@
         this.$refs.panelgroup.refresh()
       }
     }
-  },
-  mounted() {
-    // this.webSocket()
-  },
-  methods: {
-    webSocket() {
-      this.$store.dispatch('initWebSocket')
-    }
   }
+  // mounted() {
+  //   if(this.baseConfig.refreshType=='websocket'){
+  //     this.webSocket()
+  //   }
+  // },
+  // methods: {
+  //   webSocket() {
+  //     this.$store.dispatch('initWebSocket')
+  //   }
+  // }
 }
 </script>
 
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index d98309d..7802525 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
-    <h3>智能窨井监测管理系统</h3>
+    <h3>{{title}}</h3>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
         <span style="line-height:50px;">欢迎您，{{ name }}</span>
@@ -34,6 +34,7 @@
   components: { ResetPwd },
   data() {
     return {
+      title:this.baseConfig.title,
       name: this.$store.getters.name,
       showSetPwd: false,
       headerUrl: require('../../../assets/global_images/header.png'), // 头部图片
@@ -45,6 +46,11 @@
       'avatar'
     ])
   },
+  mounted() {
+    if(this.baseConfig.refreshType=='websocket'){
+      this.webSocket()
+    }
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('ToggleSideBar')
@@ -57,6 +63,9 @@
     resetPwd() {
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
+    },
+    webSocket() {
+      this.$store.dispatch('initWebSocket',this.baseConfig.wsUrl)
     }
   }
 }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 2ad3996..2aba071 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -7,7 +7,7 @@
           <img>
         </div>
         <div class="title-div">
-          <h3 class="title">智能窨井监测管理系统</h3>
+          <h3 class="title">{{title}}</h3>
         </div>
       </div>
       <div ref="element" class="right-div">
@@ -86,6 +86,7 @@
       }
     }
     return {
+      title:this.baseConfig.title,
       loginForm: {
         username: '',
         password: '',
diff --git a/src/views/overview/overview.vue b/src/views/overview/overview.vue
index 1c117e8..7fc90dd 100644
--- a/src/views/overview/overview.vue
+++ b/src/views/overview/overview.vue
@@ -133,7 +133,7 @@
     return {
       aMapManager,
       type: 'massMarkers', // 加载数据方式：massMarkers或cluster
-      refreshType: 'clock', // 刷新数据方式：clock或websocket
+      refreshType: this.baseConfig.refreshType, // 刷新数据方式：clock或websocket
       showAlarm: true, // 是否显示报警
       showAll: false, // 是否显示全部井
       listQuery: {
@@ -222,6 +222,8 @@
         //   this.onZoomChange()
         // }
       },
+      latestAlarmTime:'',
+      firstAmount: true,// 是否初次加载
       showClearBtn: false // 是否显示清除查询按钮
     }
   },
@@ -253,7 +255,9 @@
     needRefresh(val) {
       // 需要刷新
       if (val) {
-        this.playAudio()
+        // if(this.baseConfig.alarmSound){
+        //   this.playAudio()
+        // }
         this.refreshAlarm()
       }
     },
@@ -271,6 +275,7 @@
     init() {
       var that = this
       this.getWellList()
+      this.firstAmount = true
       this.refreshAlarm()
       if (this.refreshType === 'clock') { // 如果需要倒计时刷新的
         setTimeout(function() {
@@ -284,7 +289,7 @@
         this.count--
         if (this.count < 0) { // 当倒计时小于0时清除定时器
           this.refreshAlarm()
-          this.count = 60
+          this.count = this.baseConfig.refreshTime
         }
       }, 1000)
     },
@@ -566,11 +571,22 @@
     // 刷新报警列表
     refreshAlarm() {
       console.log('refreshAlarm')
-      this.count = 60
+      this.count = this.baseConfig.refreshTime
       this.loading = true
       getAlarmsNow().then(response => {
         if (response.code === 200) {
           this.loading = false
+          // 判断最新报警时间，若和旧的最新时间不一样，则判断是否需要产生声音
+          if(response.data.length>0){
+            const latestTime = response.data[0].alarmTime
+            if(this.latestAlarmTime<latestTime){
+              if(!this.firstAmount&&this.baseConfig.alarmSound){
+                this.playAudio()
+              }
+              this.latestAlarmTime = latestTime
+            }
+          }
+          this.firstAmount=false
           // 获取当前报警列表
           this.alarmListOri = response.data // 列表原始
           this.alarmList = response.data
diff --git a/static/project.config.json b/static/project.config.json
new file mode 100644
index 0000000..4c2c02c
--- /dev/null
+++ b/static/project.config.json
@@ -0,0 +1,14 @@
+{
+  "title": "智能窨井监测管理系统",
+  "baseUrl": "http://111.198.10.15:8082/",
+  "wsUrl":"ws://111.198.10.15:8082/websocket/",
+  "refreshType": "websocket",
+  "refreshTime":60,
+  "alarmSound": true,
+  "city":"北京市",
+  "mapUrl":"https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",
+  "labelUrl":"https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",
+  "satelliteUrl":"http://111.198.10.15:20602/dom005/{z}/{x}/{y}.png",
+  "center":[27.755, 116.08],
+  "zoom":15
+}