Question

哪里是引导我的Next JS应用程序的最佳位置？目前，我正在_app.tsx组件的开头执行此操作。是否会在服务器上调用getInitialProps之前设置这些设置？

// pages/_app.js
import axios from 'axios'
import NextApp from 'next/app'
import React from 'react'

axios.defaults.withCredentials = true; // Set axios defaults

const App extends NextApp {
...

Answer 1

Next.js初始化_app.tsx中的所有页。

如果您不需要在每个页面上都axios，则在此处添加它不是最佳选择。

您可以在单独的文件中创建帮助程序模块，在该文件中配置axios默认值。然后在组件或页面中需要的地方调用此帮助程序。

Answer 2

问题是，如果您不进行试验，请在开始时保持简单，因为随着项目规模的扩大，事情最终会变得复杂，是的，您可以做您正在谈论的事情。但还是为什么。

Read Here

Answer 3

你只是在你的应用中 npm i react-bootstrap 。之后，您使用 react-bootstrap 中的组件。

如果你只想使用 bootstrap 中的 css，你只需在 /styles.css 中复制你需要的 css

附言你不需要在什么地方定义它，它只是标准库，它会自己初始化。

Answer 4

npm 包：

react/nextjs 的引导程序 here

在这种情况下，您将使用上述库的元素。

CSS：如果您只需要 CSS，您可以像这样将 bootstrap.css 导入您的 app.tsx

import "../styles/your_bootstrap_file.css";

下载 bootstrap.css here

下一个JS引导

4 个答案: