next.js入門：修改靜態資源和根目錄的路徑

問題

首先 nextjs運行起來后，默認的根路徑是/,指向pages文件夾，那么問題來了，如果想要修改修改根路徑的映射要怎么弄呢，比如/ => /home,然后/home后面的路徑依然指向/pages.

解決方案

這要修改配置文件，首先打開next.config.js,修改以下屬性:assetPrefix, basePath, distDir,詳情查看下面代碼：

const nextConfig = {
      ...
      assetPrefix: "/home", //加前綴
     basePath: "/home", //node
     // 編譯文件的輸出目錄
     distDir: "dist/pc",
}

注意，如果在別的地方，如_document.js文件引入了靜態文件，也要保持對應的路徑