如何处理 vue-router 中的非英文字符作为路径

Question

如何在路径中包含非英文字符作为 Url？（如果不想对服务器配置做任何事情！）就像下面的例子：

https://example.com/صفحه_مورد_نظر

Vue-router 不理解非英文字符！


const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/صفحه_مورد_نظر',
      name: "home",
      component: Home,
    },  
  ],
});

Answer 1

解决方案是使用一个名为 encodeURI() 的 built-in js 函数。在工具提示等其他地方处理 non-English 字符时，或者将鼠标悬停在 link!

上时，它也很有用


const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/'+ encodeURI('صفحه_مورد_نظر'),
      name: "home",
      component: Home,
    },  
  ],
});

如何处理 vue-router 中的非英文字符作为路径

How to handle non english character in vue-router as a path

javascript

vue-router

vuejs3