next.js入门：修改静态资源和根目录的路径
<h2 id="问题">问题</h2><blockquote>
<p>首先 nextjs运行起来后，默认的根路径是<code>/</code>,指向<code>pages</code>文件夹，那么问题来了，如果想要修改修改根路径的映射要怎么弄呢，比如<code>/</code> => <code>/home</code>,然后<code>/home</code>后面的路径依然指向<code>/pages</code>.</p>
</blockquote>
<h2 id="解决方案">解决方案</h2>
<blockquote>
<p>这要修改配置文件，首先打开<code>next.config.js</code>,修改以下属性:<code>assetPrefix, basePath, distDir</code>,详情查看下面代码：</p>
</blockquote>
<pre><code class="language-js">
const nextConfig = {
...
assetPrefix: "/home", //加前缀
basePath: "/home", //node
// 编译文件的输出目录
distDir: "dist/pc",
}
</code></pre>
<blockquote>
<p>注意，如果在别的地方，如<code>_document.js</code>文件引入了静态文件，也要保持对应的路径</p>
</blockquote><br><br>
来源：https://www.cnblogs.com/blogs-xlf/p/14014656.html
頁:
[1]