界面完成

vue.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const proxy = process.env.VUE_APP_API || "http://192.168.1.87:9000"
+const port = process.env.VUE_APP_PORT || 7000
 module.exports = {
   lintOnSave: false,
   productionSourceMap: false,
@@ -13,19 +14,19 @@ module.exports = {
   transpileDependencies: [/dui[\\\/]lib[\\\/]js/],
   chainWebpack: (config) => {
     config.module
-        .rule('js')
-        .include
-        .add(path.resolve(__dirname, 'packages'))
-        .add(path.resolve(__dirname, 'components'))
-        .add(path.resolve(__dirname, 'project'))
-        .add(path.resolve(__dirname, 'examples'))
-        .add(path.resolve(__dirname, 'ui'))
-        .end().use('babel').loader('babel-loader').tap(options => options);
+      .rule('js')
+      .include
+      .add(path.resolve(__dirname, 'packages'))
+      .add(path.resolve(__dirname, 'components'))
+      .add(path.resolve(__dirname, 'project'))
+      .add(path.resolve(__dirname, 'examples'))
+      .add(path.resolve(__dirname, 'ui'))
+      .end().use('babel').loader('babel-loader').tap(options => options);
     config.plugin("limit").use(require("webpack/lib/optimize/LimitChunkCountPlugin"), [{maxChunks: 20}]).tap(options => options)
   },
   devServer: {
     host: '0.0.0.0', //主机地址
-    port: 7000, //端口号
+    port, //端口号
     open: true,
     proxy: {
       //设置代理,可解决跨