next.config.js
时间: 2023-12-19 14:05:43 浏览: 38
`next.config.js`是Next.js中的一个配置文件,用于配置Next.js应用程序的各种选项。该文件可以导出一个对象,也可以是一个函数,该函数返回一个对象。下面是一些常见的配置选项:
1. `webpack`:用于自定义Webpack配置。
2. `env`:用于设置环境变量。
3. `target`:用于设置构建目标。
4. `basePath`:用于设置应用程序的基本路径。
5. `async rewrites()`:用于配置重写规则。
6. `images`:用于配置图像优化选项。
7. `reactStrictMode`:用于启用React的严格模式。
8. `exportPathMap`:用于配置静态导出路径映射。
下面是一个示例`next.config.js`文件:
```javascript
module.exports = {
webpack: (config, { isServer }) => {
// 自定义Webpack配置
return config
},
env: {
API_URL: process.env.API_URL,
API_KEY: process.env.API_KEY
},
target: 'serverless',
basePath: '/my-app',
async rewrites() {
return [
{
source: '/api/:path*',
destination: 'https://example.com/api/:path*',
},
]
},
images: {
domains: ['example.com'],
},
reactStrictMode: true,
exportPathMap: async function () {
return {
'/': { page: '/' },
'/about': { page: '/about' },
'/contact': { page: '/contact' },
}
},
}
```