mirror of
https://github.com/fatedier/frp.git
synced 2025-03-14 08:13:36 +00:00
bed13d7ef1
/api/ -> ../api/ in vendor.js
Support reverseproxy to dashboard with addtional parts in path.
37 lines
938 B
Vue
37 lines
938 B
Vue
<template>
|
|
<div :id="proxy_name" style="width: 600px;height:400px;"></div>
|
|
</template>
|
|
|
|
<script>
|
|
import {DrawProxyTrafficChart} from '../utils/chart.js'
|
|
export default {
|
|
props: ['proxy_name'],
|
|
created() {
|
|
this.fetchData()
|
|
},
|
|
//watch: {
|
|
//'$route': 'fetchData'
|
|
//},
|
|
methods: {
|
|
fetchData() {
|
|
let url = '../api/traffic/' + this.proxy_name
|
|
fetch(url, {credentials: 'include'})
|
|
.then(res => {
|
|
return res.json()
|
|
}).then(json => {
|
|
DrawProxyTrafficChart(this.proxy_name, json.traffic_in, json.traffic_out)
|
|
}).catch( err => {
|
|
this.$message({
|
|
showClose: true,
|
|
message: 'Get server info from frps failed!' + err,
|
|
type: 'warning'
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|