小编Raw*_*122的帖子

Next.js API 路由中的正文超出 1mb 限制错误

如果我使用FormDataNext.js 将图像上传到服务器,我总是会收到此错误。

我尝试了很多,但没有解决这个问题。

我的代码:

const changeValue = (e) => {
if (e.target.name === "avatar") {
      const file = e.target.files[0];
      const formData = new FormData();
      formData.append("image", file, file.name);
      try {
        const config = {
          Headers: {
            "Content-Type": "multipart/form-data",
          },
        };
        axios
          .post("/api/upload", formData, config)
          .then((res) => {
            setAvatar(res.data);
            setAvatarPreview(res.data);
          })
          .catch((err) => {
            console.log(err.message);
          });
      } catch (err) {
        console.log(err);
      }
    } 
}
Run Code Online (Sandbox Code Playgroud)

javascript file-upload multipartform-data node.js next.js

25
推荐指数
1
解决办法
3万
查看次数

NextJs TypeError:nextCallback 不是函数

这是我第一次将 redux 与 next.js 一起使用,我无法使用 NextJs 设置 Redux,并且总是收到此错误。我尝试了另一种方法,但仍然遇到更多错误,我什至无法配置它。

并且充满了错误消息。

TypeError: nextCallback is not a function
    at D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:146:46
    at step (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:57:23)
    at Object.next (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:38:53)
    at D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:32:71
    at new Promise (<anonymous>)
    at __awaiter (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:28:12)
    at makeProps (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:135:16)
    at D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:186:46
    at step (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:57:23)
    at Object.next (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:38:53)
Run Code Online (Sandbox Code Playgroud)

这是安装文件

import { createStore, applyMiddleware, combineReducers } from "redux";
import { HYDRATE, createWrapper } from "next-redux-wrapper";
import thunkMiddleware from "redux-thunk";
import roomsReducer from "./reducers/rooms";

const bindMiddleware = (middleware) …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-redux next.js

3
推荐指数
1
解决办法
5826
查看次数

使用 nextjs 粘性定位

我是粘性新手,之前没有使用过它,所以我将一些代码(关于粘性侧边栏)复制并粘贴到我的项目中,但它不起作用。

<Layout title="Books">
      <div className="container w-100 row">
        <div className="sticky-top col-sm-3">
          <Filter />
        </div>
        <div className="col-sm-9 ">
          <Books />
        </div>
      </div>
      <Footer />
    </Layout>
Run Code Online (Sandbox Code Playgroud)

javascript css sticky next.js

1
推荐指数
1
解决办法
4325
查看次数