首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何处理vue-路由器中的非英语字符作为路径

如何处理vue-路由器中的非英语字符作为路径
EN

Stack Overflow用户
提问于 2022-04-30 16:43:35
回答 1查看 56关注 0票数 1

如何在路径中使用非英语字符作为Url?(如果不想对服务器信任做任何事情!)如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
https://example.com/صفحه_مورد_نظر

Vue-路由器不理解非英语字符!

代码语言:javascript
代码运行次数:0
运行
复制
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/صفحه_مورد_نظر',
      name: "home",
      component: Home,
    },  
  ],
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-30 16:43:35

解决方案是使用名为encodeURI()的内置js函数。它也有助于处理其他地方的非英语字符,如工具提示,或当你悬停在一个链接!

代码语言:javascript
代码运行次数:0
运行
复制
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/'+ encodeURI('صفحه_مورد_نظر'),
      name: "home",
      component: Home,
    },  
  ],
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72070348

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档