新增服务器代理解决跨域问题

Author: TommyLemon

index.html

@@ -93,15 +93,16 @@
                   <a style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 0)">数据库类型Database: {{ database || '点击设置' }}</a>
                   <a style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 1)">数据库模式Schema: {{ schema || '点击设置' }}</a>
                   <a style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 2)">生成代码(封装,解析): {{ language || '点击设置' }}</a>
+                  <a style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(! isDelegateEnabled, 9)">{{ isDelegateEnabled ? '关闭' : '开启' }}托管服务器代理: {{ isDelegateEnabled ? '代理中' : '直接访问' }}</a>
+                  <a v-show="User.id == null || User.id <= 0" style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 7)">使用的请求类型: {{ types == null || types.length <= 0 ? '点击设置' : types.join() }}</a>
                   <a style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(StringUtil.isEmpty(host, true), 3)">{{ StringUtil.isEmpty(host, true) ? '隐藏(固定)URL Host: 可用空格隔开' : '显示(编辑)URL Host: \n' + host }}</a>
                   <a style="border-bottom: #DDD 1px solid;width: 100%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;" href="javascript:void(0)" @click="showConfig(! isRandomShow, 5)">{{ isRandomShow ? '隐藏(固定)随机测试 Random Test' : '显示(编辑)随机测试 Random Test' }}</a>
                   <a style="border-bottom: #DDD 1px solid;width: 100%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;" href="javascript:void(0)" @click="showConfig(! isHeaderShow, 4)">{{ isHeaderShow ? '隐藏(固定)请求头 Request Header' : '显示(编辑)请求头 Request Header' }}</a>
-                  <a v-show="User.id == null || User.id <= 0" style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 7)">使用的请求类型: {{ types == null || types.length <= 0 ? '点击设置' : types.join() }}</a>
                   <a v-show="User.id == null || User.id <= 0" style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 6)">托管服务器地址URL: {{ server || '点击设置' }}</a>
                   <a v-show="User.id != null && User.id > 0" style="border-bottom: #DDD 1px solid;width: 100%" href="javascript:void(0)" @click="showConfig(true, 8)">导入Swagger文档: {{ swagger || '点击设置' }}</a>
-                  <li v-show="User.id != null && User.id > 0" style="border-bottom: #DDD 1px solid;width: 100%; display: inline-block;text-align: center;" >
-                    <div style="margin-top: 5px;margin-bottom: 0px">微信扫码<br />请作者喝咖啡~</div>
+                  <li v-show="User.id != null && User.id > 0" style="padding: 0px;margin: 0px; border-bottom: #DDD 1px solid;width: 100%; display: inline-block;text-align: center;" >
                     <img style="padding: 0px;margin: 0px" src="img/wechat_collect.jpg" />
+                    <div style="padding: 0px;margin: 0px">微信扫码，请作者喝咖啡~</div>
                   </li>
                 </ul>
       </span>

js/main.js

@@ -530,6 +530,7 @@
       isExportRemote: false,
       isRegister: false,
       isMLEnabled: false,
+      isDelegateEnabled: false,
       isLocalShow: false,
       exTxt: {
         name: 'APIJSON测试',
@@ -926,6 +927,10 @@
               App.isRandomShow = show
               App.saveCache('', 'isRandomShow', show)
               break
+            case 9:
+              App.isDelegateEnabled = show
+              App.saveCache('', 'isDelegateEnabled', show)
+              break
           }
         }
         else if (index == 3) {
@@ -944,6 +949,10 @@
           App.isRandomShow = show
           App.saveCache('', 'isRandomShow', show)
         }
+        else if (index == 9) {
+          App.isDelegateEnabled = show
+          App.saveCache('', 'isDelegateEnabled', show)
+        }
       },
 
       // 显示删除弹窗
@@ -2255,7 +2264,7 @@
         // axios.defaults.withcredentials = true
         axios({
           method: (type == REQUEST_TYPE_PARAM ? 'get' : 'post'),
-          url: StringUtil.noBlank(url),
+          url: (isAdminOperation == false && this.isDelegateEnabled ? (this.server + '/delegate?$_delegate_url=') : '' ) + StringUtil.noBlank(url),
           params: (type == REQUEST_TYPE_JSON ? null : req),
           data: (type == REQUEST_TYPE_JSON ? req : null),
           headers: header,
@@ -2868,11 +2877,11 @@
       },
 
       enableML: function (enable) {
-        App.isMLEnabled = enable
-        App.testProcess = enable ? '机器学习:已开启' : '机器学习:已关闭'
-        App.saveCache(App.server, 'isMLEnabled', enable)
-        App.remotes = null
-        App.showTestCase(true, false)
+        this.isMLEnabled = enable
+        this.testProcess = enable ? '机器学习:已开启' : '机器学习:已关闭'
+        this.saveCache(App.server, 'isMLEnabled', enable)
+        this.remotes = null
+        this.showTestCase(true, false)
       },
 
       /**随机测试，动态替换键值对
@@ -3569,8 +3578,9 @@
 
         this.locals = this.getCache('', 'locals') || []
 
-        this.isHeaderShow = (this.getCache('', 'isHeaderShow')) || false
-        this.isRandomShow = (this.getCache('', 'isRandomShow')) || false
+        this.isDelegateEnabled = this.getCache('', 'isDelegateEnabled') || this.isDelegateEnabled
+        this.isHeaderShow = this.getCache('', 'isHeaderShow') || this.isHeaderShow
+        this.isRandomShow = this.getCache('', 'isRandomShow') || this.isRandomShow
       } catch (e) {
         console.log('created  try { ' +
           '\nvar url = this.getCache(, url) ...' +
@@ -3590,7 +3600,7 @@
 
       try { //可能URL_BASE是const类型，不允许改，这里是初始化，不能出错
         this.User = this.getCache(this.server, 'User') || {}
-        this.isMLEnabled = this.getCache(this.server, 'isMLEnabled')
+        this.isMLEnabled = this.getCache(this.server, 'isMLEnabled') || this.isMLEnabled
         this.testProcess = this.isMLEnabled ? '机器学习:已开启' : '机器学习:已关闭'
       } catch (e) {
         console.log('created  try { ' +