Merge branch 'ph/209033/chineseCharsInVueRouter' into 'master'

Fixes the repository Vue router not working with Chinese characters

Closes #209033

See merge request gitlab-org/gitlab!27494

app/assets/javascripts/repository/log_tree.js

@@ -27,9 +27,9 @@ export function fetchLogsTree(client, path, offset, resolver = null) {
 
   fetchpromise = axios
     .get(
-      `${gon.relative_url_root}/${projectPath}/-/refs/${escape(ref)}/logs_tree/${encodeURIComponent(
-        path.replace(/^\//, ''),
-      )}`,
+      `${gon.relative_url_root}/${projectPath}/-/refs/${encodeURIComponent(
+        ref,
+      )}/logs_tree/${encodeURIComponent(path.replace(/^\//, ''))}`,
       {
         params: { format: 'json', offset },
       },

app/assets/javascripts/repository/router.js

@@ -12,7 +12,7 @@ export default function createRouter(base, baseRef) {
     base: joinPaths(gon.relative_url_root || '', base),
     routes: [
       {
-        path: `(/-)?/tree/${escape(baseRef)}/:path*`,
+        path: `(/-)?/tree/(${encodeURIComponent(baseRef)}|${baseRef})/:path*`,
         name: 'treePath',
         component: TreePage,
         props: route => ({

changelogs/unreleased/ph-209033-chineseCharsInVueRouter.yml

+---
+title: Fixes the repository Vue router not working with Chinese characters
+merge_request: 27494
+author:
+type: fixed