Next.js 13 App Route 使用中文路徑方法

Next.js 13 是一個流行的 React 框架，它的 App Route 功能可以讓你建立內部路由，並將所有頁面集中在一個文件夾中。如果你需要使用中文路徑，只需在 next.config.js 文件中加入以下配置：

const nextConfig = {
  ...withNextIntlInit({
    rewrites() {
     
      localesMap cosnt [
				{
           source: `/獸醫`, //目標路徑
           destination: `/vet`, // route 上的原地址
        }
			]

      return localesMap
    },

這個配置會將所有路徑重寫為 /api/:path*，這樣你就可以在你的頁面中使用中文路徑了。例如，如果你有一個 vet 頁面，你可以在瀏覽器中輸入 /關於 來訪問它。

例如

獸醫資料庫 : momohood 香港寵物資訊平台

Healh Exalt

注意，這個方法需要 Next.js 13 以上的版本才能支持。

希望這個方法對你有幫助！