XiaoMo/frp
1
0
Fork 0
mirror of https://github.com/fatedier/frp.git synced 2025-08-03 12:24:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

web/frpc: support more info (#3334)

Browse Source
This commit is contained in:
fatedier
2023-02-26 02:54:53 +08:00
committed by GitHub
parent 871511ba52
commit 8c6303c1e5
20 changed files with 277 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
web/frpc/src/components/ClientConfigure.vue
View File

@@ -14,85 +14,85 @@
</template>
<script setup lang="ts">
import { ref } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
let textarea = ref("");
let textarea = ref('')
const fetchData = () => {
fetch("/api/config", { credentials: "include" })
fetch('/api/config', { credentials: 'include' })
.then((res) => {
return res.text();
return res.text()
})
.then((text) => {
textarea.value = text;
textarea.value = text
})
.catch(() => {
ElMessage({
showClose: true,
message: "Get configure content from frpc failed!",
type: "warning",
});
});
};
message: 'Get configure content from frpc failed!',
type: 'warning',
})
})
}
const uploadConfig = () => {
ElMessageBox.confirm(
"This operation will upload your frpc configure file content and hot reload it, do you want to continue?",
"Notice",
'This operation will upload your frpc configure file content and hot reload it, do you want to continue?',
'Notice',
{
confirmButtonText: "Yes",
cancelButtonText: "No",
type: "warning",
confirmButtonText: 'Yes',
cancelButtonText: 'No',
type: 'warning',
}
)
.then(() => {
if (textarea.value == "") {
if (textarea.value == '') {
ElMessage({
message: "Configure content can not be empty!",
type: "warning",
});
return;
message: 'Configure content can not be empty!',
type: 'warning',
})
return
}
fetch("/api/config", {
credentials: "include",
method: "PUT",
fetch('/api/config', {
credentials: 'include',
method: 'PUT',
body: textarea.value,
})
.then(() => {
fetch("/api/reload", { credentials: "include" })
fetch('/api/reload', { credentials: 'include' })
.then(() => {
ElMessage({
type: "success",
message: "Success",
});
type: 'success',
message: 'Success',
})
})
.catch((err) => {
ElMessage({
showClose: true,
message: "Reload frpc configure file error, " + err,
type: "warning",
});
});
message: 'Reload frpc configure file error, ' + err,
type: 'warning',
})
})
})
.catch(() => {
ElMessage({
showClose: true,
message: "Put config to frpc and hot reload failed!",
type: "warning",
});
});
message: 'Put config to frpc and hot reload failed!',
type: 'warning',
})
})
})
.catch(() => {
ElMessage({
message: "Canceled",
type: "info",
});
});
};
message: 'Canceled',
type: 'info',
})
})
}
fetchData();
fetchData()
</script>
<style>