小编Ary*_*hur的帖子

Next.js 中的动态路由是在服务器端还是客户端呈现?

我正在从事一个需要服务器端渲染以实现 SEO 目的的项目,我正在使用 Next.js 和 React,并且我正在使用Next.js 动态路由

我创建了一个简单的页面来检查它是否正常工作:

import Head from 'next/head'
import React, { Fragment } from 'react'
import { withRouter } from 'next/router'

class Product extends React.Component {
  render() {
    return (
      <Fragment>
        <Head />
        <h1>{this.props.router.query.name}</h1>
      </Fragment>
    )
  }
}

export default withRouter(Product)
Run Code Online (Sandbox Code Playgroud)

我将代码放入/pages/product/[name].js,运行开发服务器并访问localhost:3000/product/cheese

加载页面后,我检查了浏览器中的页面源,以检查它是否在服务器端呈现,并且代码中没有任何内容包含单词cheese

我做错了吗?它是在客户端渲染的吗?

javascript reactjs next.js

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

如何在 Next.js 中执行客户端数据获取

我正在开发搜索引擎产品,需要知道客户端国家/地区代码。

我尝试使用此 URL获取它并返回服务器端国家/地区代码。

使用时如何获取正确的用户国家代码getInitialProps

client location reactjs next.js

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

Mac 上 Docker Hub 登录失败

我正在尝试登录 Docker Hub 以便能够将我的容器推送到我的帐户。我在 Mac 上使用 Homebrew。Docker 和 Colima 已成功安装,我可以很好地构建和运行容器。

但是,当我尝试使用 登录时docker login,在输入用户名和密码后,它会等待一秒钟,然后返回此错误消息:

Error saving credentials: error storing credentials - err: exit status 1, out: `Post "http://ipc/registry/credstore-updated": dial unix /Users/<username>/Library/Containers/com.docker.docker/Data/backend.sock: connect: connection refused`
Run Code Online (Sandbox Code Playgroud)

macos homebrew docker dockerhub colima

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

url中#有什么用

我意识到许多网络应用程序都#在其应用程序的 URL 中使用。

例如,谷歌分析

当我查看访问者的语言页面时,该地址位于 URL 栏中:

https://www.google.com/analytics/web/?hl=en#report/visitors-language/a33185827w60383872p61754588/
Run Code Online (Sandbox Code Playgroud)

当我查看访问者的地理位置页面时,此地址位于地址栏中:

https://www.google.com/analytics/web/?hl=en#report/visitors-geo/a33185827w60383872p61754588/
Run Code Online (Sandbox Code Playgroud)

我认为这是 Google Analytics 网络应用程序传递#report/visitors-language#report/vistiors-geo.

我知道 Google 分析正在使用<iframe>. 似乎只有主要内容框在显示内容时发生了变化。

#因为<iframe>功能而使用吗?

javascript php iframe jquery web-applications

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

尝试运行 Node.js 应用程序时如何修复“语法错误:无效或意外令牌”

我已经从官方网站安装了Node.js。

按照这些 Microsoft Docs,我尝试通过以下步骤创建我的第一个 Node.js 应用程序:

  1. 打开PowerShell并新建一个目录:mkdir NodeApp,然后进入目录:cd NodeApp

  2. 在 VS Code 中打开目录和你的 app.js 文件: code .

  3. 添加一个简单的字符串变量(“Hello World”),然后通过在“app.js”文件中输入以下内容将字符串的内容发送到您的控制台:

var msg = 'Hello World';
console.log(msg);
Run Code Online (Sandbox Code Playgroud)
  1. 要使用 Node.js 运行“app.js”文件,请在 VS Code 中选择View>打开终端Terminal

  2. 在终端中,输入node app.js。您应该会看到输出:“Hello World”。

按照这些步骤后,我有这个控制台输出:

PS C:\Users\Lenovo\OneDrive\Desktop\DevFiles\NodeApp> node app.js
C:\Users\Lenovo\OneDrive\Desktop\DevFiles\NodeApp\app.js:1
??v


SyntaxError: Invalid or unexpected token
    at Object.compileFunction (vm.js:344:18)
    at wrapSafe (internal/modules/cjs/loader.js:1106:15)
    at Module._compile (internal/modules/cjs/loader.js:1140:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1196:10)
    at Module.load (internal/modules/cjs/loader.js:1040:32)
    at Function.Module._load (internal/modules/cjs/loader.js:929:14)
    at Function.executeUserEntryPoint [as runMain] …
Run Code Online (Sandbox Code Playgroud)

javascript node.js visual-studio-code

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

下载时如何在 NextJS 中显示图像的模糊版本?

我正在寻找与下面类似的效果:

模糊图像效果

我对 Gatsby 做了类似的事情,但我想知道这是否可以与 NextJS 一起做?

javascript image blur reactjs next.js

3
推荐指数
4
解决办法
3439
查看次数

Python - 将字符串转换为数组

我将如何将以下字符串转换为带有 python 的数组(此字符串可能有无限数量的项目)?

'["Foo","Bar","Baz","Woo"]'
Run Code Online (Sandbox Code Playgroud)

这绝对也是一个字符串表示。type()给:

<class 'str'>
Run Code Online (Sandbox Code Playgroud)

更新:

知道了。

interestedin = request.POST.get('interestedIn')[1:-1].split(',')

interested = []

for element in interestedin:
    interested.append(element[1:-1])
Run Code Online (Sandbox Code Playgroud)

哪里request.POST.get('interestedIn')给出了'["Foo","Bar","Baz","Woo"]'字符串列表“东西”。

python arrays string

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

为什么分号“出乎意料”?

图片

上面的小提琴中,它表示该行末尾的分号是意外的。为何如此?

alert('foo')?

alert('bar');
Run Code Online (Sandbox Code Playgroud)

javascript

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

Tailwind CSS 默认提供 JavaScript 吗?

我正在使用 Tailwind CSS 和 Tailwind UI。我想使用此页面上的第一个导航栏。上面说的Requires JS。Tailwind 默认提供 JavaScript 吗?如果是这样,我应该导入或使用哪个文件?

javascript css tailwind-css tailwind-ui

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