javascript - 如何在 Next JS 中使用代理进行 rest api 调用
问题描述
我在 Mern Stack 中开发了一个网络应用程序。现在我用 Next JS 更新它以改进 SEO。
我从 youtube 上学习了一些 Next JS 课程并阅读了文档。
我对 pages 文件夹中的 api 文件夹感到困惑。语法看起来像 express。
它是干什么用的?我必须在那里再次创建我的 REST Api 吗?
我可以在 package.json 中为 Next JS 中的 React 之类的 api 调用添加代理吗?
这是 mern 应用程序的文件夹结构:
client
public
src
actions
components
constants
reducers
screens
App.js
server
config
controllers
middlewares
models
routes
utils
server.js
这是客户端对其余 api 的示例请求
useEffect(() => {
const getTestimonails = async () => {
try {
const res = await fetch("/api/testimonials/");
return await res.json();
} catch (err) {
console.error(err);
}
};
getTestimonails().then((data) => {
setTestimonials(data);
});
}, []);
休息 API server.js
app.use('/api/testimonials', testimonialRoutes);
路线
router.route('/').get(getTestimonials).post(protect, createTestimonial);
router
.route('/:id/')
.get(checkObjectId('id'), getTestimonialById)
.put(protect, checkObjectId('id'), updateTestimonial)
.delete(protect, checkObjectId('id'), deleteTestimonial);
解决方案
推荐阅读
- c++ - 如何对没有配对的 2 个列表中的数据进行排序和保存
- google-cast - 如何找出正在播放的视频编解码器?
- python - 如果列具有链接并且需要比较单词的列中不存在特定单词,则删除行需要拆分python
- javascript - 即使您刷新也保存聊天框消息
- angularjs - AngularJS 的 Kendo Multiselect 中的选定值未更新。模型和视图不同步
- php - OctoberCMS/Laravel 中的模型继承(复合模式)
- html - 在复选框或下拉列表中包含 aria-invalid 是否符合语义?
- arrays - C. 我需要放入一个二维 char 数组,但在循环之外,结果是每一个最后的数据
- html - 如何在表格单元格中放置悬停按钮?
- ios - Azure中的Fastlane:获取:安全:SecKeychainItemImport:找不到指定的钥匙串,报告成功完成