diff --git a/web/src/App.vue b/web/src/App.vue
index f693b4bf..c6c87cbc 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -50,7 +50,7 @@
 	</v-app>
 </template>
 <script>
-import api from './api'
+import api, { getSubDirPath } from './api'
 import LoginDialog from './components/LoginDialog.vue'
 
 export default {
@@ -84,7 +84,7 @@ export default {
 				}))
 		if (!ok) return
 
-		const { drives } = await api.get('/~_~_gdindex/drives').json()
+		const { drives } = await api.get(getSubDirPath('/~_~_gdindex/drives')).json()
 		this.drives = [{ text: this.$t('mainDrive'), value: 'root' }].concat(
 			drives.map(d => ({
 				value: d.id,
diff --git a/web/src/api.js b/web/src/api.js
index d1a2bd5c..076a5cf0 100644
--- a/web/src/api.js
+++ b/web/src/api.js
@@ -1,9 +1,28 @@
 import xf from './xfetch'
 
+const subdir = window.props.subdir
+
+export function getSubDirPath(path) {
+	if (
+		typeof path === 'string' &&
+		!path.startsWith(`${subdir}/`) &&
+		!path.startsWith(`/${subdir}/`)
+	) {
+		if (path.startsWith('/')) {
+			return `/${subdir}${path}`
+		} else {
+			return `/${subdir}/${path}`
+		}
+	}
+	return path
+}
+
 const headers = {}
+
 if (localStorage.token) {
 	headers.Authorization = 'Basic ' + localStorage.token
 }
+
 export default xf.extend({
 	baseURI: window.props.api,
 	headers
diff --git a/web/src/components/FileViewer.vue b/web/src/components/FileViewer.vue
index 15b7acbe..74354a1a 100644
--- a/web/src/components/FileViewer.vue
+++ b/web/src/components/FileViewer.vue
@@ -81,7 +81,7 @@ import { format } from 'date-fns'
 import prettyBytes from 'pretty-bytes'
 import nodeUrl from 'url'
 import nodePath from 'path'
-import api from '../api'
+import api, { getSubDirPath } from '../api'
 import ImageViewer from 'viewerjs'
 import 'viewerjs/dist/viewer.css'
 import FileUploadDialog from './FileUploadDialog'
@@ -160,7 +160,7 @@ export default {
 	},
 	computed: {
 		path() {
-			return '/' + this.$route.params.path
+			return getSubDirPath(this.$route.params.path)
 		},
 		pathSegments() {
 			const list = this.path
diff --git a/worker/bili.config.js b/worker/bili.config.js
index 47873254..78a80322 100644
--- a/worker/bili.config.js
+++ b/worker/bili.config.js
@@ -10,6 +10,7 @@ module.exports = {
 	banner: `
 self.props = {
 	title: 'GDIndex',
+	subdir: '',
 	default_root_id: 'root',
 	client_id: '202264815644.apps.googleusercontent.com',
 	client_secret: 'X4Z3ca8xfWDb1Voo-F9a7ZxJ',
diff --git a/worker/dist/worker.js b/worker/dist/worker.js
index d2f3e422..f48c2268 100644
--- a/worker/dist/worker.js
+++ b/worker/dist/worker.js
@@ -1,5 +1,6 @@
 self.props = {
 	title: 'GDIndex',
+	subdir: '',
 	default_root_id: 'root',
 	client_id: '202264815644.apps.googleusercontent.com',
 	client_secret: 'X4Z3ca8xfWDb1Voo-F9a7ZxJ',
@@ -441,7 +442,7 @@ self.props = {
   }
 
   const gd = new GoogleDrive(self.props);
-  const HTML = `<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>${self.props.title}</title><link href="/~_~_gdindex/resources/css/app.css" rel=stylesheet></head><body><script>window.props = { title: '${self.props.title}', default_root_id: '${self.props.default_root_id}', api: location.protocol + '//' + location.host, upload: ${self.props.upload} }<\/script><div id=app></div><script src="/~_~_gdindex/resources/js/app.js"><\/script></body></html>`;
+  const HTML = `<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>${self.props.title}</title><link href="/${self.props.subdir}/~_~_gdindex/resources/css/app.css" rel=stylesheet></head><body><script>window.props = { title: '${self.props.title}', default_root_id: '${self.props.default_root_id}', api: location.protocol + '//' + location.host, subdir: "${self.props.subdir}", upload: ${self.props.upload} }<\/script><div id=app></div><script src="/${self.props.subdir}/~_~_gdindex/resources/js/app.js"><\/script></body></html>`;
 
   async function onGet(request) {
     let {
@@ -449,6 +450,10 @@ self.props = {
     } = request;
     const rootId = request.searchParams.get('rootId') || self.props.default_root_id;
 
+    if (path.startsWith(`/${self.props.subdir}/`)) {
+      path = path.substr(self.props.subdir.length + 1);
+    }
+
     if (path.startsWith('/~_~_gdindex/resources/')) {
       const remain = path.replace('/~_~_gdindex/resources/', '');
       const r = await fetch(`https://raw.githubusercontent.com/maple3142/GDIndex/master/web/dist/${remain}`);
@@ -504,6 +509,10 @@ self.props = {
     } = request;
     const rootId = request.searchParams.get('rootId') || self.props.default_root_id;
 
+    if (path.startsWith(`/${self.props.subdir}/`)) {
+      path = path.substr(self.props.subdir.length + 1);
+    }
+
     if (path.substr(-1) === '/') {
       return new Response(JSON.stringify((await gd.listFolderByPath(path, rootId))), {
         headers: {
@@ -543,6 +552,10 @@ self.props = {
       pathname: path
     } = request;
 
+    if (path.startsWith(`/${self.props.subdir}/`)) {
+      path = path.substr(self.props.subdir.length + 1);
+    }
+
     if (path.substr(-1) === '/') {
       return new Response(null, {
         headers: {
diff --git a/worker/index.js b/worker/index.js
index 29433ff4..5c6e7f74 100644
--- a/worker/index.js
+++ b/worker/index.js
@@ -3,11 +3,14 @@ import GoogleDrive from './googleDrive'
 
 const gd = new GoogleDrive(self.props)
 
-const HTML = `<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>${self.props.title}</title><link href="/~_~_gdindex/resources/css/app.css" rel=stylesheet></head><body><script>window.props = { title: '${self.props.title}', default_root_id: '${self.props.default_root_id}', api: location.protocol + '//' + location.host, upload: ${self.props.upload} }<\/script><div id=app></div><script src="/~_~_gdindex/resources/js/app.js"><\/script></body></html>`
+const HTML = `<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>${self.props.title}</title><link href="/${self.props.subdir}/~_~_gdindex/resources/css/app.css" rel=stylesheet></head><body><script>window.props = { title: '${self.props.title}', default_root_id: '${self.props.default_root_id}', api: location.protocol + '//' + location.host, subdir: "${self.props.subdir}", upload: ${self.props.upload} }<\/script><div id=app></div><script src="/${self.props.subdir}/~_~_gdindex/resources/js/app.js"><\/script></body></html>`
 
 async function onGet(request) {
 	let { pathname: path } = request
 	const rootId = request.searchParams.get('rootId') || self.props.default_root_id
+	if (path.startsWith(`/${self.props.subdir}/`)) {
+		path = path.substr(self.props.subdir.length + 1)
+	}
 	if (path.startsWith('/~_~_gdindex/resources/')) {
 		const remain = path.replace('/~_~_gdindex/resources/', '')
 		const r = await fetch(`https://raw.githubusercontent.com/maple3142/GDIndex/master/web/dist/${remain}`)
@@ -56,6 +59,9 @@ async function onGet(request) {
 async function onPost(request) {
 	let { pathname: path } = request
 	const rootId = request.searchParams.get('rootId') || self.props.default_root_id
+	if (path.startsWith(`/${self.props.subdir}/`)) {
+		path = path.substr(self.props.subdir.length + 1)
+	}
 	if (path.substr(-1) === '/') {
 		return new Response(JSON.stringify(await gd.listFolderByPath(path, rootId)), {
 			headers: {
@@ -88,6 +94,9 @@ async function onPost(request) {
 }
 async function onPut(request) {
 	let { pathname: path } = request
+	if (path.startsWith(`/${self.props.subdir}/`)) {
+		path = path.substr(self.props.subdir.length + 1)
+	}
 	if (path.substr(-1) === '/') {
 		return new Response(null, {
 			headers: {
