非英文网址路径

Question

在使用类似 php 的方法的 next.js 中 - pages 文件夹中的文件成为 url 路径。比如/pages/reader.js会被urlhttp://localhost/reader加载。

问题是我无法理解如何在 next.js 中使用非英文 url 路径？

Codesandbox example。 （更新页面以从服务器加载）

网址示例：

http://localhost/читатель

chrome 在内部更改为：

http://localhost/%D1%87%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D1%8C

在 next.js pages 文件夹中文件名为：

pages/читатель.tsx // not working
pages/%D1%87%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D1%8C.tsx //working but i can't name files like that, i will not find what i need later.

也许 php 用户以某种方式解决了这个问题；）

Answer 1

尝试使用核心javascript的encodeURI()，它可以将特定字符转换为所需的url形式

const url=encodeURI('читатель.tsx');
console.log(url);//%D1%87%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D1%8C.tsx

那我们就可以用这个路径来导航了