[Feature] 支持自定义端口号和监听IP

README.md

@@ -45,6 +45,18 @@ pip install -r requirements.txt
 python setup.py install
 ```
 
+### 修改端口号（可选）
+
+按以下规则编辑根目录下的`config.yaml`文件。
+``` yaml
+port:
+  backend: 后端端口号
+  frontend: 前端端口号
+host:
+  backend: 后端监听ip
+  frontend: 前端监听ip
+```
+
 ### Web后端的安装
 
 #### 安装依赖

backend/.flaskenv_template

@@ -1,9 +1,6 @@
 # flask配置
 FLASK_APP=app.py
-FLASK_ENV=development
 FLASK_DEBUG=1
-FLASK_RUN_HOST = 127.0.0.1
-FLASK_RUN_PORT = 5008
 
 #flask配置
 SYSTEM_NAME=Hippo

backend/app.py

@@ -18,4 +18,11 @@ def before():
 migrate = Migrate(app, db)
 
 if __name__ == '__main__':
-    app.run(host='0.0.0.0', port="5008")
+    import yaml
+    with open('../config.yaml') as file:
+        config = yaml.load(file.read(), Loader=yaml.FullLoader)
+    with open("../frontend/.env", 'w') as file:
+        file.write("VUE_APP_BACKEND_PORT = {}\nVUE_APP_BACKEND_IP = {}".format(
+            config["port"]["backend"], config["host"]["backend"]
+            if config["host"]["backend"] != "0.0.0.0" else "127.0.0.1"))
+    app.run(host=config["host"]["backend"], port=config["port"]["backend"])

config.yaml

@@ -0,0 +1,6 @@
+port:
+  backend: 5008
+  frontend: 3000
+host:
+  backend: 0.0.0.0
+  frontend: 0.0.0.0

frontend/.env

@@ -0,0 +1 @@
+VUE_APP_BACKEND_PORT = 5008

frontend/package.json

@@ -20,7 +20,8 @@
     "vue-cropper": "^1.0.3",
     "vue-keep-scroll-position": "^0.1.2",
     "vue-popperjs": "^2.3.0",
-    "vue-router": "^4.0.3"
+    "vue-router": "^4.0.3",
+    "yaml": "^2.1.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~5.0.0",

frontend/src/global.vue

@@ -1,5 +1,5 @@
 <script>
-const BASEURL = "http://127.0.0.1:5008/"
+const BASEURL = "http://"+process.env.VUE_APP_BACKEND_IP+":"+process.env.VUE_APP_BACKEND_PORT+"/"
 export default {
   BASEURL, 
 };

frontend/src/main.js

@@ -13,6 +13,4 @@ import 'element-plus/theme-chalk/display.css'
 import JSZIP from "jszip"
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
 
-
-
 createApp(App).use(router).use(ElementPlus,{locale: zhCn}).use(JSZIP).mount('#app')

frontend/vue.config.js

@@ -1,8 +1,14 @@
 const { defineConfig } = require('@vue/cli-service')
+const YAML = require('yaml')
+const fs = require("fs");
+const file = fs.readFileSync('../config.yaml', 'utf8')
+config = YAML.parse(file)
+
 module.exports = defineConfig({
   transpileDependencies: true,
   devServer: {
-    port: 3000, // 端口
+    host: config["host"]["frontend"],
+    port: config["port"]["frontend"], // 端口
   },
 
   // transpileDependencies: ['@arcgis']