diff --git a/web/frps/README.md b/web/frps/README.md
index 0e861eb9..f39bba4e 100644
--- a/web/frps/README.md
+++ b/web/frps/README.md
@@ -1,4 +1,4 @@
-# frps
+# frps & frpc
 
 ## Project setup
 
diff --git a/web/frps/package.json b/web/frps/package.json
index 5216057f..9205629b 100644
--- a/web/frps/package.json
+++ b/web/frps/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "frps-dashboard",
+  "name": "frp-dashboard",
   "description": "A dashboard for frp server.",
   "author": "fatedier",
   "private": true,
diff --git a/web/frps/src/router/index.js b/web/frps/src/router/index.js
index ad0238d5..285066c0 100644
--- a/web/frps/src/router/index.js
+++ b/web/frps/src/router/index.js
@@ -143,6 +143,13 @@ const filterRoutes = function(routes) {
 
 export const routes = filterRoutes(allRoutes)
 
-export default new Router({
+const router = new Router({
   routes
 })
+
+router.beforeEach(async (to, from, next) => {
+  document.title = `${to.meta.title || 'dashboard'} - frp`
+  next()
+})
+
+export default router