优化添加端口、添加源站相关交互

This commit is contained in:
刘祥超
2021-06-05 20:27:57 +08:00
parent d3cf71dad8
commit abc5162bca
10 changed files with 100 additions and 14 deletions

View File

@@ -21,6 +21,7 @@
<tr>
<td class="title">绑定端口 *</td>
<td>
<span class="red" v-if="httpConfig.isOn && httpConfig.addresses == null || httpConfig.addresses.length == 0">还没有添加端口绑定会导致HTTP服务无法访问。</span>
<network-addresses-box :v-server-type="serverType" :v-addresses="httpConfig.addresses" :v-protocol="'http'"></network-addresses-box>
</td>
</tr>

View File

@@ -25,6 +25,7 @@
<tr>
<td class="title">绑定端口 *</td>
<td>
<span class="red" v-if="httpsConfig.isOn && httpsConfig.addresses == null || httpsConfig.addresses.length == 0">还没有添加端口绑定会导致HTTPS服务无法访问。</span>
<network-addresses-box :v-server-type="serverType" :v-addresses="httpsConfig.addresses" :v-protocol="'https'"></network-addresses-box>
</td>
</tr>

View File

@@ -10,7 +10,7 @@
<td>源站协议</td>
<td>
<!-- HTTP -->
<select class="ui dropdown auto-width" name="protocol" v-if="serverType == 'httpProxy' || serverType == 'httpWeb'">
<select class="ui dropdown auto-width" name="protocol" v-model="protocol" v-if="serverType == 'httpProxy' || serverType == 'httpWeb'">
<option value="http">HTTP</option>
<option value="https">HTTPS</option>
</select>
@@ -25,7 +25,7 @@
<tr>
<td class="title">源站地址 *</td>
<td>
<input type="text" name="addr" ref="focus"/>
<input type="text" name="addr" ref="focus" v-model="addr" @input="changeAddr"/>
<p class="comment">源站服务器地址通常是一个IP或域名加端口<span v-if="serverType == 'httpProxy'">,不需要加 http:// 或 https://</span></p>
</td>
</tr>

View File

@@ -0,0 +1,18 @@
Tea.context(function () {
this.addr = ""
this.protocol = ""
if (this.isHTTP) {
this.protocol = "http"
}
this.changeAddr = function () {
if (this.serverType == "httpProxy") {
if (this.addr.startsWith("http://")) {
this.protocol = "http"
} else if (this.addr.startsWith("https://")) {
this.protocol = "https"
}
}
}
})

View File

@@ -27,7 +27,7 @@
<tr>
<td class="title">源站地址</td>
<td>
<input type="text" name="addr" ref="focus" v-model="origin.addr"/>
<input type="text" name="addr" ref="focus" v-model="origin.addr" @input="changeAddr"/>
<p class="comment">源站服务器地址通常是一个IP或域名加端口<span v-if="serverType == 'httpProxy'">,不需要加 http:// 或 https://</span></p>
</td>
</tr>

View File

@@ -0,0 +1,11 @@
Tea.context(function () {
this.changeAddr = function () {
if (this.serverType == "httpProxy") {
if (this.origin.addr.startsWith("http://")) {
this.origin.protocol = "http"
} else if (this.origin.addr.startsWith("https://")) {
this.origin.protocol = "https"
}
}
}
})