diff --git a/frontend/src/app.js b/frontend/src/app.js
index 8861d4a008..7439201870 100644
--- a/frontend/src/app.js
+++ b/frontend/src/app.js
@@ -107,7 +107,7 @@ class App extends Component {
       let newWindow = window.open('markdown-editor');
       newWindow.location.href = url;
     } else {
-      let url = siteRoot + 'lib/' + selectedItem.repo_id + '/file' + selectedItem.path;
+      let url = siteRoot + 'lib/' + selectedItem.repo_id + '/file' + Utils.encodePath(selectedItem.path);
       let newWindow = window.open('about:blank');
       newWindow.location.href = url;
     }
diff --git a/frontend/src/components/dialog/share-to-group.js b/frontend/src/components/dialog/share-to-group.js
index fc387b10ad..e02af5180b 100644
--- a/frontend/src/components/dialog/share-to-group.js
+++ b/frontend/src/components/dialog/share-to-group.js
@@ -142,7 +142,7 @@ class ShareToGroup extends React.Component {
     let path = this.props.itemPath;
     let repoID = this.props.repoID; 
     if (this.props.isGroupOwnedRepo) {
-      seafileAPI.deleteGroupOwnedRepoGroupShared(repoID, groupID).then(() => {
+      seafileAPI.deleteGroupOwnedRepoSharedGroupItem(repoID, groupID).then(() => {
         this.setState({
           sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; }) 
         });
diff --git a/frontend/src/components/dialog/share-to-user.js b/frontend/src/components/dialog/share-to-user.js
index fa9d38b9dd..ecd6b10e47 100644
--- a/frontend/src/components/dialog/share-to-user.js
+++ b/frontend/src/components/dialog/share-to-user.js
@@ -103,7 +103,7 @@ class ShareToUser extends React.Component {
           this.setState({errorMsg: errorMsg});
         }
         // todo modify api
-        
+
         let items = res.data.success.map(item => {
           let sharedItem = {
             'user_info': { 'nickname': item.user_name, 'name': item.user_email},
@@ -137,7 +137,7 @@ class ShareToUser extends React.Component {
     let path = this.props.itemPath;
     let repoID = this.props.repoID;
     if (this.props.isGroupOwnedRepo) {
-      seafileAPI.deleteGroupOwnedRepoUserShared(repoID, username).then(res => {
+      seafileAPI.deleteGroupOwnedRepoSharedUserItem(repoID, username).then(res => {
         this.setState({
           sharedItems: this.state.sharedItems.filter( item => { return item.user_info.name !== username; }) 
         });
diff --git a/frontend/src/components/dir-view/dir-view.js b/frontend/src/components/dir-view/dir-view.js
index ed74122bf7..379ca34639 100644
--- a/frontend/src/components/dir-view/dir-view.js
+++ b/frontend/src/components/dir-view/dir-view.js
@@ -91,7 +91,7 @@ class DirView extends React.Component {
       window.history.pushState({url: fileUrl, path: direntPath}, direntPath, fileUrl);
     } else {
       const w=window.open('about:blank');
-      const url = siteRoot + 'lib/' + this.state.repoID + '/file' + direntPath;
+      const url = siteRoot + 'lib/' + this.state.repoID + '/file' + Utils.encodePath(direntPath);
       w.location.href = url;
     }
   }
diff --git a/frontend/src/repo-wiki-mode.js b/frontend/src/repo-wiki-mode.js
index be88faf8b4..8d13dcd362 100644
--- a/frontend/src/repo-wiki-mode.js
+++ b/frontend/src/repo-wiki-mode.js
@@ -300,7 +300,7 @@ class Wiki extends Component {
         this.showFile(node.path);
       }
     } else {
-      let url = siteRoot + 'lib/' + item.repo_id + '/file' + item.path;
+      let url = siteRoot + 'lib/' + item.repo_id + '/file' + Utils.encodePath(item.path);
       let newWindow = window.open('about:blank');
       newWindow.location.href = url;
     }
@@ -333,7 +333,7 @@ class Wiki extends Component {
       this.showDir(node.path);
     } else {
       const w=window.open('about:blank');
-      const url = siteRoot + 'lib/' + repoID + '/file' + node.path;
+      const url = siteRoot + 'lib/' + repoID + '/file' + Utils.encodePath(node.path);
       w.location.href = url;
     }
   }
diff --git a/frontend/src/wiki.js b/frontend/src/wiki.js
index a29c208c82..4773cfc3d0 100644
--- a/frontend/src/wiki.js
+++ b/frontend/src/wiki.js
@@ -133,7 +133,7 @@ class Wiki extends Component {
         this.enterViewFileState(tree, node, node.path);
       }
     } else {
-      let url = siteRoot + 'lib/' + item.repo_id + '/file' + item.path;
+      let url = siteRoot + 'lib/' + item.repo_id + '/file' + Utils.encodePath(item.path);
       let newWindow = window.open('about:blank');
       newWindow.location.href = url;
     }
@@ -161,7 +161,7 @@ class Wiki extends Component {
       this.exitViewFileState(tree, node);
     } else {
       const w=window.open('about:blank');
-      const url = siteRoot + 'lib/' + repoID + '/file' + node.path;
+      const url = siteRoot + 'lib/' + repoID + '/file' + Utils.encodePath(node.path);
       w.location.href = url;
     }
   }