任意端口启动

README.md

@@ -105,7 +105,13 @@ $ cd myapp && tyarn
 // or
 $ cd myapp && npm install
 ```
+# 任意端口启动
+$ PORT=8003 npm run start
+$ PORT=3000 npm run start
+$ PORT=8080 npm run start
 
+# 使用默认端口8001
+npm run start
 ## Browsers support
 
 Modern browsers.

config/proxy.ts

@@ -9,13 +9,18 @@
  *
  * @doc https://umijs.org/docs/guides/proxy
  */
+// 获取当前端口，默认8001
+const getCurrentPort = () => {
+  return process.env.PORT || '8001';
+};
+
 export default {
   // 如果需要自定义本地开发服务器  请取消注释按需调整
   dev: {
-    // localhost:8003/api/** -> http://localhost:8003/api/
+    // localhost:8001/api/** -> http://localhost:8001/api/
     '/api/': {
       // 要代理的地址 - 指向开发服务器自身
-      target: 'http://localhost:8003',
+      target: `http://localhost:${getCurrentPort()}`,
       // 配置了这个可以从 http 代理到 https
       // 依赖 origin 的功能可能需要这个，比如 cookie
       changeOrigin: true,

package.json

@@ -21,11 +21,13 @@
     "preview": "npm run build && max preview --port 8000",
     "record": "cross-env NODE_ENV=development UMI_ENV=test max record --scene=login",
     "serve": "umi-serve",
-    "start": "cross-env UMI_ENV=dev PORT=8003 max dev",
-    "start:dev": "cross-env UMI_ENV=dev MOCK=none PORT=8003 max dev",
-    "start:no-mock": "cross-env MOCK=none PORT=8003 max dev",
-    "start:pre": "cross-env UMI_ENV=pre MOCK=none PORT=8003 max dev",
-    "start:test": "cross-env UMI_ENV=test MOCK=none PORT=8003 max dev",
+    "start": "cross-env UMI_ENV=dev PORT=${PORT:-8001} max dev",
+    "start:dev": "cross-env UMI_ENV=dev MOCK=none max dev",
+    "start:no-mock": "cross-env MOCK=none max dev",
+    "start:pre": "cross-env UMI_ENV=pre MOCK=none max dev",
+    "start:test": "cross-env UMI_ENV=test MOCK=none max dev",
+    "start:port": "cross-env UMI_ENV=dev PORT=%npm_config_port% max dev",
+    "start:8005": "cross-env UMI_ENV=dev PORT=8005 max dev",
     "test": "jest",
     "test:coverage": "npm run jest -- --coverage",
     "test:update": "npm run jest -- -u",