改变环境变量的取值方式

console/client/assets/env.js

@@ -0,0 +1 @@
+window.FS_API_ROOT = 'http://localhost:4600'

console/client/index.ejs

@@ -5,6 +5,7 @@
         <meta charset="UTF-8">
         <link rel="shortcut icon" href="/assets/images/logo.png">
         <link rel="stylesheet" type="text/css" href="/assets/font_sc/iconfont.css">
+        <script type="text/javascript" src="/assets/env.js"></script>
     </head>
     <style>
 

console/client/index.html

@@ -6,6 +6,7 @@
     <title></title>
     <link rel="shortcut icon" href="/assets/images/logo.png">
     <link rel="stylesheet" type="text/css" href="/assets/font_sc/iconfont.css">
+    <script type="text/javascript" src="/assets/env.js"></script>
 </head>
 <style>
 

console/client/src/layout/containers/layout/index.js

@@ -66,7 +66,7 @@ const LayoutContainer = props => {
             dom.scrollTop = 0;
         }
     })
-    console.log(FS_API_ROOT);
+    
     return (
         <Layout id="layout">
             <Layout.Header style={{ padding: 0 }}>

console/client/src/sections/console/containers/index.js

@@ -44,6 +44,7 @@ function Index (props) {
     })
 
     useEffect(() => {
+        console.log(FS_API_ROOT, window.FS_API_ROOT);
         const canvasArea = document.getElementById('canvasArea')
         const canvasHeight = canvasArea.clientHeight - 12 * 2 - 6
         const canvasWidth = canvasArea.clientWidth - 12 * 2

console/config.js

@@ -7,6 +7,7 @@
 const path = require('path');
 /*这种以CommonJS的同步形式去引入其它模块的方式代码更加简洁:获取组件*/
 const os = require('os');
+const fs = require('fs')
 const moment = require('moment');
 const args = require('args');
 const dev = process.env.NODE_ENV == 'development';
@@ -126,6 +127,11 @@ if (product.frontParams) {
             process.exit(-1);
         }
     }
+    let env = []
+    for (let k in product.frontParams) {
+        env.push(`window.${k} = '${product.frontParams[k]}'`)
+    }
+    fs.writeFileSync('./client/assets/env.js', env.join(';'))
 }
 
 let config;