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文件引入了静态文件，也要保持对应的路径