mirror of
https://github.com/fatedier/frp.git
synced 2026-03-26 03:39:16 +08:00
33 lines
1.3 KiB
Vue
33 lines
1.3 KiB
Vue
<template>
|
|
<ConfigSection title="HTTP Options" collapsible :readonly="readonly"
|
|
:has-value="form.locations.length > 0 || !!form.hostHeaderRewrite || form.requestHeaders.length > 0 || form.responseHeaders.length > 0">
|
|
<ConfigField label="Locations" type="tags" v-model="form.locations" placeholder="/path" :readonly="readonly" />
|
|
<ConfigField label="Host Header Rewrite" type="text" v-model="form.hostHeaderRewrite" :readonly="readonly" />
|
|
<ConfigField label="Request Headers" type="kv" v-model="form.requestHeaders" key-placeholder="Header" value-placeholder="Value" :readonly="readonly" />
|
|
<ConfigField label="Response Headers" type="kv" v-model="form.responseHeaders" key-placeholder="Header" value-placeholder="Value" :readonly="readonly" />
|
|
</ConfigSection>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import type { ProxyFormData } from '../../types'
|
|
import ConfigSection from '../ConfigSection.vue'
|
|
import ConfigField from '../ConfigField.vue'
|
|
|
|
const props = withDefaults(defineProps<{
|
|
modelValue: ProxyFormData
|
|
readonly?: boolean
|
|
}>(), { readonly: false })
|
|
|
|
const emit = defineEmits<{ 'update:modelValue': [value: ProxyFormData] }>()
|
|
|
|
const form = computed({
|
|
get: () => props.modelValue,
|
|
set: (val) => emit('update:modelValue', val),
|
|
})
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use '@/assets/css/form-layout';
|
|
</style>
|