在Next.js中执行客户端重新加载和更改url
在Next.js中，执行客户端重新加载和更改URL可以通过以下几种方式实现：
- 使用内置的路由功能：
Next.js提供了自己的路由机制，可以在客户端代码中使用
next/router模块来执行重新加载和更改URL的操作。具体步骤如下：- 首先，需要安装
next/router模块：npm install next/router - 在需要执行重新加载或更改URL的组件中，引入
next/router模块：import { useRouter } from 'next/router'; - 使用
useRouter钩子函数获取路由对象：const router = useRouter(); - 调用路由对象的方法来执行相应的操作，例如重新加载页面：
router.reload();，或者更改URL：router.push('/new-url'); - 优势：使用Next.js内置的路由功能可以快速实现客户端重新加载和更改URL的操作，且与Next.js的生命周期和SSR机制无缝结合。
- 应用场景：适用于需要在Next.js应用中进行页面切换和URL操作的场景，例如点击按钮后重新加载页面或跳转到其他页面。
- 腾讯云相关产品：Next.js可以部署在腾讯云的云服务器CVM上，使用腾讯云CDN加速和域名解析服务，以提供更快速和可靠的访问体验。详细信息请参考腾讯云云服务器CVM和腾讯云CDN。
- 首先，需要安装
- 使用浏览器原生的API：
在Next.js中，也可以直接使用浏览器原生的API来执行客户端重新加载和更改URL的操作。例如，可以使用
window.location.reload()方法重新加载页面，或使用window.location.href = '/new-url'将URL更改为指定的新URL。 - 优势：使用浏览器原生API可以直接操作浏览器的行为，不需要额外的依赖和配置。
- 应用场景：适用于需要进行简单的客户端重新加载和更改URL操作的场景，特别是一些不需要考虑Next.js的特殊需求的情况。
- 腾讯云相关产品：无特殊要求。
请注意，以上只是两种常见的实现方式，根据具体需求和场景，可能还有其他更适合的方式来执行客户端重新加载和更改URL的操作。
相关·内容
你好，我是Next.js的新手，我知道在getStaticProps中，Next.js会在构建时预呈现这个页面，而在getServerSideProps中，Next.js会使用getServerSideProps返回的数据在每个请求上预呈现这个页面。
但是我想要一个什么时候使用getStaticProps和getServerSideProps网站的例子
浏览 9提问于2022-01-27得票数 3
回答已采纳
使用Next.js next/router会导致重新加载，还是会保留Redux状态？
import { useRouter } from 'next/router'
const DashboardSidebar = ({ mobile = false }: Props) => {
const router = useRouter()
router.push(
`/${lang}/dashboard/organizations/${organizationId}/events/${id}`
)
还是我应该用redux-persist来保留状
浏览 6提问于2022-05-11得票数 0
2回答
我来自SPA的和REST/GraphQl的世界。现在，我正在使用Next.js库构建个人项目，用于SSR(服务器端呈现)ReactiveApp。
由于我在所有的单页应用程序中都使用了Redux，所以现在我想知道当每个路由用户访问、加载一个新链接并刷新页面时，我应该如何管理用户状态。
我发现了一些关于会话和曲奇的信息，但这些都不是我所熟悉的。我看了一些关于将Redux与Next.js一起使用的在线文章，但这似乎很复杂。
浏览 1提问于2019-07-12得票数 26
我正在开发一个使用NEXT.JS和Redux的电子商务商店。因此，在产品列表页面中，我使用Price Low to High、Price High to Low和New Arrivals进行排序选择下拉列表。选择此选项后，我希望在不刷新页面和API调用的情况下更改URL。我已经尝试使用下面的代码，但它不工作，页面正在重新加载。
function sortBy(value) {
router.replace({
pathname: '/products/'+slug,
query: { sort: value }
})
d
浏览 2提问于2020-07-11得票数 12
回答已采纳
2回答
如何检测Next.js项目的URL散列中的更改？
我不想每次鼻涕虫变的时候都重新加载我的页面。
我不能使用<Link>，因为我所有的数据都来自DB。
示例:单击
http://example/test#url1
至
http://example.com/test#url2
尝试了下面的方法，但这似乎只适用于路径更改。
import React, { useEffect,useState } from 'react';
import { useRouter } from 'next/router'
const test = () => {
浏览 10提问于2021-09-27得票数 13
回答已采纳
有没有一种方法可以让我们的加载状态类似于在client-side上获取数据时的加载状态 我想要加载状态的原因是有一些类似加载骨架的东西，例如react-loading-skeleton 在客户端，我们可以这样做： import useSWR from 'swr'
const fetcher = (url) => fetch(url).then((res) => res.json())
function Profile() {
const { data, error } = useSWR('/api/user', fetcher)
if
浏览 36提问于2021-09-21得票数 4
1回答
我试图根据屏幕宽度是否小于768p来呈现不同的组件。 如果它低于768便士，则加载汉堡菜单。如果没有，则加载整个菜单。 下面是我使用的代码。问题是，当页面第一次加载时，我无法观察到更改。但是，当我将浏览器屏幕变小，然后将其增大到原来的大小时，效果就会发生。 我认为这是因为React是在服务器端呈现的。但仍然不明白为什么它会让屏幕变小，然后再变大。 import "twin.macro"
import { Global, css } from "@emotion/core"
import { useState, useEffect } from "re
浏览 33提问于2020-07-02得票数 2
回答已采纳
我有一个Next.js页面，它在getInitialProps函数中获取数据，我希望在不重新加载页面的情况下从浏览器中重新加载这些数据，这将是不正确的，并且会失去用户的滚动位置。是否有什么方法可以在不重新加载整个页面的情况下重新加载初始支持？
浏览 3提问于2020-05-18得票数 2
回答已采纳
我来自反应背景。响应应用程序服务器整个网站的第一次请求，然后使用useEffect()钩子进行数据获取。我听说Next.js也做了同样的事情。但我的怀疑是：
如何以及Next.js所提供的文件。是否只服务器请求的页面或整个web应用程序(所有页面)？
如果它服务于整个web应用程序，那么当我们路由到使用getServerSideProps?的页面时，它是如何获取数据的？
浏览 1提问于2021-08-14得票数 0
有没有一种方法可以在不使用Next.js重新加载页面的情况下执行Router.push()？ 我使用一个基于url的...all.js主文件来呈现不同的组件，但我希望能够在它们之间移动，而不会触发整个页面重新加载-这是一个多步骤的表单。 换句话说，我希望能够通过将URL从' form /1‘更新为'form/2’来在表单的各个步骤之间移动。
浏览 396提问于2020-04-10得票数 6
回答已采纳
当我正在为我的Next.js React应用程序寻找url构建器/解析器模块的过程中，我发现模块只导入了节点'url‘模块。
如何在浏览器生命周期中处理此问题？我可以在我的react代码中安全地使用import url from 'url'吗？因为next.js是同构的，所以我不确定如何处理/使用它。
浏览 7提问于2017-07-31得票数 1
回答已采纳
我们正在将我们的应用程序从转换为Next.js。
Next.js应该从AWS加载图像，但这种情况不会发生。为什么？
几天前起作用了。你觉得是缓存问题还是什么？
你有什么想法吗？
在Next.js中，应用程序从本地URL加载图像：
http://localhost:3000/_next/image?url=https%3A%2F%2Fticket-t01.s3.eu-central-1.amazonaws.com%2Fob8h_0.cover.jpg&w=1200&q=100
next.config.js
const { nextI18NextRewrites } = requi
浏览 7提问于2021-02-05得票数 6
2回答
我已经在react-router中用<HashRouter>做了一个模态组件，它通过hash url变得活跃和不活跃，也就是说，当url为/route时，modals是不活跃的，而当url为/route#modal1时，modal1是活跃的。在next.js中有什么方法可以定义哈希路由吗？
浏览 1提问于2020-02-03得票数 7
我有一个页面，它使用router.query来确定要呈现的内容。
但是，在加载router.query代码之前，页面总是在没有router.query的情况下呈现，从而导致页面“闪烁”。
这里有一个简单的堆栈闪电战来展示我的意思：
相关代码位：
export default function Home() {
const router = useRouter();
const isRouterQuery = router.query.foo ? true : false;
return (
<div className={styles.container}>
浏览 9提问于2021-12-10得票数 1
我只做了一个页面应用程序。我读过下面的文章。我在使用hashbang时遇到了一些问题。对我来说这似乎是个解决方案。但我不太确定我是否站在那里发生了什么。以下是本文中的一个示例：
// We're using jQuery functions to make our lives loads easier
$('nav a').click(function(e) {
url = $(this).attr("href");
//This function would get content from the server and in
浏览 2提问于2013-12-17得票数 0
回答已采纳
我正在阅读Next.js获取数据，这是文档的一部分，一个问题出现在我的脑海中。
Next.js可以用getStaticProps、getStaticPaths、getInitialProps和getServerSideProps获取数据，对吗？
但正如我引用的那样，有些是在构建时发生的：
getStaticProps (静态生成)：在构建时获取数据
构建时间是什么时候？
是我们运行npm run build的时候吗？(要构建生产生成)
还是当用户访问我们的Next.js应用程序时？(每次请求)
浏览 3提问于2020-10-25得票数 43
回答已采纳
我有一个失眠症GraphQL命令，我正在尝试把它放到一个Next.js应用程序中。这是我在失眠症中运行的实际API调用，我计划迁移到我的Next.js应用程序中。
query getCharacters {
characters(page: 1) {
info {
count
}
results {
id
name
}
}
}
这是一个超级简单的函数..。以下是失眠症的情况：
我找到了这个用Next.js：执行Next.js函数调用的示例代码。它需要typeDefs和resolvers来创建模式。我不熟悉这种类型
浏览 9提问于2022-12-01得票数 0
回答已采纳
我正在使用来自Next.js的Next.js组件(这是Next.js的一个新特性)。我试图给出源URL：
{`${API}/user/photo/${blog.postedBy.username}`}
但它告诉我这个错误。我还在next.config.js中作了如下更改
module.exports = {
images: {
domains: ['localhost'],
},
}
但没什么对我有用的。如果你知道这件事，请帮忙。
浏览 17提问于2020-11-19得票数 22
回答已采纳
我有一个Next.js项目，直到最近浏览器中不再显示更改时，它才真正让我感到高兴。通常情况下，浏览器会重新加载，但是现在即使点击刷新也不会显示对代码的更改--我必须关闭dev服务器并再次运行npm run dev以使更改显示出来。这并不是在我所有的Next.js项目中都会发生的--只是其中之一。
我试过删除.next/目录，但这并没有解决问题。还有什么其他的想法可以让我把这一切恢复正常吗？
Next 12.1.0Node 14.18.1macOS 12.3
浏览 4提问于2022-03-28得票数 5
回答已采纳
我正在构建Next.js应用程序，当我安装/导入 (用于生成占位符图像)时，我得到以下错误：Module not found: Can't resolve 'child_process'
节点v14.18.0
Next.js v11.1.2
Plaiceholder v2.2.0
夏普0.29.2
我理解这个错误消息，这意味着webpack5试图绑定客户端不可用的节点包。但我不清楚它为什么要这么做。我没有定制webpack的任何一个吐露，我也找不到任何提到这个问题在柏拉图博士。我该怎么解决呢？
注意:我希望在构建过程中创建base64数据URL，
浏览 8提问于2021-11-13得票数 2
回答已采纳
我在Next.js中使用Twit。因此，当用户通过我的应用程序的授权时，他会向Next.js (access_token，access_secret)发送api请求，然后我启动Twitter streaming，以实时获取tweet。一切都很好，但当我部署到Vercel时，api调用可以工作，我也返回流对象和响应，以确保流对象被初始化，但在部署版本中它仍然不能工作，但在localhost或ngrok中工作得很好。
浏览 20提问于2020-10-12得票数 0
回答已采纳
在阅读Routing中的Next.Js教程时，我了解了如何使用这2个libs获取数据。
从同构未取对象中提取对象，在getInitialProps异步函数中使用以调用外部API。然后，在路由API部分中，SWR和{ useRouter }来自‘next/路由器；形成对同一Next.Js服务器中开发的内部API的调用，具有很大的灵活性来查询req参数。
除了这两个方面之外，这两种方法还有哪些不同之处？
浏览 7提问于2020-02-05得票数 2
1回答
如何使用实现下面的代码。
我认为Next.js无法访问window对象存在一个问题，除非您在useEffect(() => {})钩子中。
改变为常规反应，这段代码运行良好。
在不允许这种延迟呈现工作的Next.js生态系统中，我遗漏了什么？
谢谢。
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
impo
浏览 20提问于2022-04-25得票数 1
我在Express.js中使用Next.js。基本上，express负责所有的路由，而不是Next.js。 我的开发需要的是，当一个文件发生变化时，next.js重新构建他们的应用程序，然后重新加载express服务器，这样我就可以在浏览器中看到我的更改，而无需手动构建下一个应用程序。 仅使用nodemon不起作用，因为它只是重新加载express，而不是构建下一个应用程序。
浏览 23提问于2021-04-14得票数 0
1回答
日安！ 我的同事有一个网站node.js (next.js)，当我们通过控制台(npm run build和npm start)构建和启动时，他的网站工作得很好。 我们已经将其托管在Azure VM中(安装了Windows Server2016IIS、iisnode和are重写)，我们创建了一个管道，我们能够获得构件(运行构建时的“.next”文件夹)并将其部署到IIS，但是我们仍然需要手动交互来放置web.config。下面是web.config <!-- indicates that the hello.js file is a node.js application
to be
浏览 37提问于2019-03-03得票数 3
1回答
我尝试使用Next.js中的图像组件，将外部URL作为源，但得到了一个错误。我还更新了next.config.js文件，就像在Next.js正式文档上一样，但是仍然存在相同的错误。
以下是错误消息：
这是图像组件
<Image
src="https://images.unsplash.com/photo-1638913662180-afc4334cf422?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&a
浏览 24提问于2022-05-04得票数 0
回答已采纳
我使用Next.js Image组件进行图像优化。它在dev上工作得很好，但它不能在生产环境中从外部URL加载图像。
我能做什么?
浏览 1提问于2020-12-03得票数 6
我有一个问题，当我们使用for React/Next.js时，为什么我们需要在docker-compose中使用VOLUME选项？
如果我理解的话，我们使用VOLUME来“保存数据”，例如当我们使用数据库时。
但是对于React/Next.js，我们只是用来传递node_modules和app path，对我来说没有任何意义……
如果我这样说：
version: '3'
services:
nextjs-ui:
build:
context: ./
ports:
- "3000:3000"
containe
浏览 0提问于2021-07-23得票数 2
我使用Next.js与北极星(从跟踪他们的)。使用从Polaris或Next.js导入的Next.js组件不会更新嵌入式应用程序中的url。
虽然url路径没有改变，但是视图确实正确地改变了(即新路径的组件确实呈现)。面包屑和url支持ResourceList的结果相同。
这是预期的行为吗？
浏览 0提问于2019-01-30得票数 3
回答已采纳
标题可能看起来有点模糊，但这是因为我目前遇到了多个问题，将谷歌优化整合到我们的React / Next.js项目中。我将尽可能详细地解释我的问题和行动。但是，如果有什么不清楚的话，请告诉我。
问题：
虽然谷歌优化是添加在顶部的头部，我们总是体验一个页面闪光灯。这意味着用户首先看到我们的页面，然后什么也看不见(异步隐藏函数开始了)，然后页面又发生了变化。
我创建了一个实验，重新排序导航链接，删除一个导航链接，并更改我们的CTA文本。为了测试目的，我已经将变体设置为100%。发生的事情(与问题1相关)是，我们首先看到我们的原始网页，然后是更改，然后是删除了一个导航链接的原始网页。这意味着它
浏览 4提问于2020-09-21得票数 19
回答已采纳
我正在构建一个Next.js无头应用程序，在该应用程序中，我将通过对Umbraco后端的API调用获取数据。Im使用getServerSideProps加载每个页面的数据，然后将其作为“数据”传递到功能组件和页面中。
我的问题是，我有独立的端点的页眉/页脚部分的网站，并共享在所有网页。因此，每页进行3次调用(页眉、数据、页脚)是一种耻辱，也是一种糟糕的做法。
要获得页眉/页脚一次，然后在多个页面上保存它，在维护的同时，还能做什么呢？(重要)。我试过使用cookie，但它们不能保存这么多数据。下面是一些代码：
页面获取数据：
export async function getServerSide
浏览 1提问于2021-05-07得票数 2
回答已采纳
在我正在处理的站点上，当用户通过更改样式表选择颜色时，我可以选择自定义站点。
比如说，我有五种颜色。如果单击颜色，样式表名称将存储在隐藏的输入标记中。单击“Enter”按钮后，隐藏标记中的值将存储在cookie中。因此，样式表文件在标记中发生了变化。其代码如下：
<link rel="stylesheet" href="<?php if(isset($_COOKIE['style'])){
echo $_COOKIE['style'];}
else{
echo 'style.css';}?>"/&
浏览 0提问于2012-12-05得票数 0
回答已采纳
我在我的Next.js项目上有一个博客帖子编辑页面。
我的帖子页面使用的是特性和revalidate: 1第二功能(目前用于测试)。稍后我将使用类似于revalidate: 300的东西(5分钟)。
要更新一篇文章，我要做的是：
作为管理员，我访问/admin/post/edit/my-post-slug，更改我需要的任何东西并保存。
保存完后，我将对post页面执行一个route.push，以查看/post/my-post-slug中的新版本。
以下是代码：
const savePost = async (post: BlogPost, router: NextRouter) => {
浏览 4提问于2021-05-21得票数 3
回答已采纳
2回答
在React中，我们在重新加载页面时使用useEffect来获取数据： useEffect(() => {
let ignore = false
const fetchingData = async () => {
const res = await fetch(<your_path>)
const data = await res.json()
if (!ignore) setData(data)
};
fetchingData()
return () => { ignore = true }
}, []) 但是我
浏览 39提问于2019-10-14得票数 4
回答已采纳
在调试NextJS 12应用程序时，我遇到了一个问题。基本上，在浏览器中重新加载时不会触发断点。
使用: NextJS创建默认的$ npx create-next-app@latest 12应用程序。
使用launch.json创建
{
"version": "0.2.0",
"configurations": [
{
"name": "Next.js: debug client-side",
"type": "pwa-chrome&#
浏览 19提问于2022-04-06得票数 1
我使用Next.js (使用Redux、react-i18next、styled components和Express)，Next.js在不使用AJAX的情况下加载我的页面(使用硬加载，没有就地内容替换)。不幸的是，我不能确定问题所在。控制台(浏览器和服务器)中没有错误。你们中有谁知道如何调试这个问题，或者有关于这个问题的有用提示吗？
下面是我的服务器的代码：
const express = require('express');
const next = require('next');
const {parse} = require('url'
浏览 0提问于2018-02-07得票数 0
回答已采纳
我在本地主机端口3333中使用Express和Node.js设置了一个用户身份验证服务器，我正在尝试使用Next.js -unfetch连接到端口3000中的端点。我收到CORS 401错误，我已经做了相当多的研究，但只是想知道是否有可能连接到本地主机上的Express服务器？我尝试在header对象中添加"Access-Control-Allow-Origin"："*"，"Content-Type"："multipart/form-data“。express服务器已经安装了cors。 下面的函数在单击一个按钮时调用。 onLoginC
浏览 29提问于2020-01-19得票数 2
我编写了一个TypeScript节点模块并安装到我的Next.js应用程序中。然而，当我试图运行我的Next.js应用程序时，模块会触发一个错误。你知道为什么会是这样吗？请参阅下面的详细资料。
我的类型记录节点模块
import axios from 'axios'
// AwsS3FileUploader()
// A JavaScript library for file upload to AWS S3 bucket from the client side.
export const AwsS3FileUploader = class {
url: st
浏览 5提问于2021-03-10得票数 0
回答已采纳
所以我有一个使用Next.js的SSR应用程序。我使用的是一个使用WEB API的第三方组件，所以它需要加载到客户端而不是服务器上。我正在使用'two-pass‘渲染，我在这里读到了：
我试图弄清楚为什么当next.js页面状态中的'ssrDone‘状态改变时，整个<Layout>组件不必要地重新呈现，包括页面的页眉、页脚等。
我读过关于React.memo()以及利用shouldComponentUpdate()的文章，但我似乎无法阻止它重新呈现<Layout>组件。
我的<Layout> console.log消息触发两次，但<Th
浏览 154提问于2019-11-22得票数 4
回答已采纳
1回答
在典型的html页面上，我有使用img标签的图像，高度和宽度已经定义，所以浏览器不需要等待加载图像并获得其尺寸。但是，在页面加载时，它不会保留image中指定的空间，并在图像完全加载后调整页面大小。
在页面渲染过程中，即使图像没有完全加载，如何强制浏览器离开空间。
另外，现在假设我破坏了页面上的url，浏览器会不会留出空间呢？
浏览 0提问于2012-06-02得票数 1
回答已采纳
我有一个关于增量静态再生的问题。据我所知，revalidate函数中的getStaticProps()值告诉Next.js它应该重建页面的时间。
我的问题是，在设定的时间之后，每个用户/请求都会发生这种情况，还是从第一个用户/请求访问页面开始集中处理？
例如，：
重新验证getStaticProps()函数中的值：60秒
用户点击页面并接收缓存的版本。60秒后，Next.js为他重新构建页面，并为新内容提供服务。
用户B在用户A之后不久点击页面，收到缓存的版本，60秒后他也收到更新的版本。
我担心的是，每个单独的请求都启动，它是自己的60秒间隔来重建。
我很确定情况并非如此，但由于Next
浏览 4提问于2021-04-13得票数 10
回答已采纳
1.使用样式的组件构建next.js应用程序--这真的很容易。您只需使用它们的_document.js片段来启用SSR并防止样式在页面加载时闪烁：。
2.使用material构建next.js应用程序几乎同样简单。您只需从该项目基础：开始，它在_document.js：上有自己的实现
3.遗憾的是，我不知道如何“合并”这两种实现，并得到下一个应用程序，在该应用程序中，样式组件和素材ui组件可以共存，不能在页面加载时闪烁。
你能帮帮我吗?在互联网上有没有比我的能力更强的人已经解决了这个问题，但我不知道呢？
提前谢谢。
浏览 2提问于2019-03-11得票数 32
回答已采纳
1回答
我正在使用firebase存储的Next.JS SSR，它使用firebase-admin(getSignedUrl)在后端加载图像，并使用firebase-client (getDownloadUrl)在浏览器中加载图像。这会导致页面中的图像使用两个生成的urls加载两次。 有什么办法可以解决这个问题吗？
浏览 13提问于2020-10-28得票数 0
回答已采纳
1回答
在使用类似php方法的next.js中，pages文件夹中的文件变成了url路径。像/pages/reader.js将由url http://localhost/reader加载。 问题是我不能理解如何在next.js中使用非英语的url路径？ Codesandbox example。(更新页面以从服务器加载) Url示例： http://localhost/читатель 通过chrome在内部将其更改为： http://localhost/%D1%87%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D1%8C 在名为的next.js pages文件夹文件中：
浏览 22提问于2019-12-21得票数 0
所以我试着让它，当用户点击其中一个配置文件时，他们会被推送到用户的个人资料页面上点击。
我目前使用的是这组代码：
const self = this;
browserHistory.push({
pathname: '/users/' + self.props.user.username,
state: {_id: self.props.user._id}
});
只需在url栏中输入正确的url即可。尽管如此，页面不会加载/重新加载。因此，我必须手动重新加载页面才能进入用户配置文件
感谢您的时间和帮助
浏览 2提问于2016-11-12得票数 0
Next.js有以下“重新验证”选项：
export async function getStaticProps(context) {
const data = await getData();
if (!data) {
return {
notFound: true,
};
}
return {
props: { data },
revalidate: 60,
}
}
上面的代码将确保从我们请求更新数据的那一刻起60秒后重新生成页面(第一次刷新来请求新数据，第二次刷新到更新页面)。这是基于，所以网站不需要重建。
来自文档：
浏览 2提问于2021-11-24得票数 3
回答已采纳
21回答
问题很简单，我正在尝试访问React中内联backgroundImage属性中使用的静态映像。
我正在使用reactjs和next.js，然后我遇到了用next.js添加图像的问题，但是通过使用名为: Next.js +Next.js的图像加载程序修复了这个问题，
现在我可以正常使用html img标记添加图像了。
示例：<img src={ img } />，这是可行的。
但是，当我试图添加css背景图像时，如下所示：
const team = (props) => {
const img = require("../../assets/images/securit
浏览 4提问于2018-08-14得票数 36
回答已采纳
1回答
在我的next.js api路由中，
例如：pages/api/example.js
我有以下简单的代码。然后，在这个路由中，我向服务器发送请求。
export default async function example(req, res) {
const data = await axios.post(
https://another_server_Url, // another server api
{
data
})
res.status(200).json({ name: 'John Doe' })
}
我的问题
浏览 4提问于2021-07-24得票数 2
回答已采纳
使用jquery，我需要这样做……
用户将遵循链接到我的社交网站上的用户图片库。一张照片将加载到页面上，与该照片分页相关的评论将出现在照片下。基本上，这张照片和评论将是一个单独的页面，这是加载在AJAX中，然后当用户按左或右箭头键，我想加载一个不同的照片/评论页面到页面。
到目前为止，我认为这听起来很简单，但我想在加载新页面时向URL添加一些东西。假设一个页面在URL photos.php?user_id=2342323&photo_id=4234124中是这样的，当他们使用箭头加载下一个图像时，它应该在#3523543上更改为添加类似这样的内容，然后当用户复制/粘贴该URL时，它将在
浏览 0提问于2010-01-14得票数 3
回答已采纳
我刚开始使用无头cms，想知道如何将内容呈现为新页面？我正在用Next.js和comfortable.io构建网站，但我不明白如何在comfortable中创建一个新页面，并将其传递给next.js项目以生成页面。有人能为我指出正确的方向吗?我需要学习什么才能理解这一点？
浏览 9提问于2019-08-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
