标签: netlify

如何通过CNAME将Netlify子域指向AWS S3存储桶?

我有一个mysite.com通过Netlify托管的静态站点()。Netlify当前管理我的DNS,因此我拥有这样的名称服务器:

  • dns1.p07.nsone.net
  • dns2.p07.nsone.net
  • dns3.p07.nsone.net
  • dns4.p07.nsone.net

我的S3上有一个名为的存储桶dl.mysite.com。我想拥有它,以便当有人单击诸如的链接时http://dl.mysite.com/file.pdf,它会从S3存储桶中获取它。

在Netlify的管理仪表板中,我可以创建一个自定义子域(dl.mysite.com),它指示我执行以下操作:

dlCNAME记录指向,以obfuscated-url-d6f26e.netlify.com登录到您在DNS提供商处拥有的帐户,并添加一个CNAME记录以dl指向obfuscated-url-d6f26e.netlify.com

过去,当我仅使用AWS托管应用程序和管理DNS时,只需在Route53中为子域创建Alias记录并将其指向我的存储桶即可轻松实现。

既然Route53无法处理我的DNS,我该怎么做?还有可能将该子域指向特定的S3存储桶吗?

cname amazon-s3 amazon-web-services amazon-route53 netlify

2
推荐指数
2
解决办法
1184
查看次数

Gatsby 客户端重定向到外部 URL 不适用于 Netlify

我需要做一个简单的客户端重定向,从我在 Netlify 上托管的 Gatsby 站点上的页面重定向到外部 URL。它在本地工作正常,但在部署时似乎没有任何效果。Gatsby 的原生 createRedirect 功能似乎也存在一个错误,因此它不允许重定向到外部 URL。

我已经尝试了以下三种方法componentDidMountrender以及来自重复 ( setInterval) 函数调用的回调。我还尝试劫持指向重定向页面的链接的点击并执行window.open(url),但window在部署时似乎没有任何涉及的工作。有任何想法吗?

window.location.replace(url)
window.location.href = url
window.location = url
Run Code Online (Sandbox Code Playgroud)

javascript reactjs gatsby netlify

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

如何在 Netlify 站点上托管和访问文件

我正在使用Netlify托管github 存储库,并试图找到一种在域上托管其他文件的方法。

(如果您不知道 Netlify 是什么,请查看它。据我所知,它是 AWS 代码部署的快速肮脏且免费版本。(免责声明尚未使用 AWS 代码部署))

例子

基本域:

https://phyome-test.netlify.com/

从以下位置加载 3D 模型

https://phyome-test.netlify.com/3Dmodels/heart/fullheart.json

有谁知道这是否可能?我知道他们只提供“静态站点”,但我不明白为什么不能包含文件存储,这样就不必担心 CORS

netlify

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

我无法在 netlify 中访问我的环境变量

我用GatsbyNetlify编写了一个应用程序

我正在通过我的环境变量使用Snipcart公共 API 密钥html.js在 dev 中有测试密钥,在 prod 中有实时密钥)。

import React from 'react'
import PropTypes from 'prop-types'

export default class HTML extends React.Component {
  render() {
    return (
      <html lang='en' {...this.props.htmlAttributes}>
        <head>
          <meta charSet='utf-8' />
          <meta httpEquiv='x-ua-compatible' content='ie=edge' />
          <meta
            name='viewport'
            content='width=device-width, initial-scale=1, shrink-to-fit=no'
          />
          {this.props.headComponents}

          {/* Snipcart */}
          <script
            defer
            src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js'
          />
          <script
            defer
            src='https://cdn.snipcart.com/scripts/2.0/snipcart.js'
            id='snipcart'
            data-api-key={process.env.SNIPCART_API_KEY}
          />
          <link
            href='https://cdn.snipcart.com/themes/2.0/base/snipcart.min.css'
            type='text/css'
            rel='stylesheet'
          />
        </head>
        <body {...this.props.bodyAttributes}>
          {this.props.preBodyComponents}
          <div
            key={'body'} …
Run Code Online (Sandbox Code Playgroud)

gatsby netlify

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

Gatsby 在 Netlify 上部署失败,字段“浏览器”不包含有效的别名配置

注意:我知道 StackOverflow 上有类似的问题具有相同的错误代码,但他们的解决方案对我不起作用。


我正在尝试使用 GitHub 在 Netlify 上部署 Gatsby 站点。我遵循了 Gatsby 的文档,但我的构建失败了:

11:06:04 PM:   Error: ./src/pages/index.js
11:06:04 PM:   Module not found: Error: Can't resolve '../components/Bio' in '/opt/build/repo  /src/pages'
11:06:04 PM:   resolve '../components/Bio' in '/opt/build/repo/src/pages'
11:06:04 PM:     using description file: /opt/build/repo/package.json (relative path: ./src/p  ages)
11:06:04 PM:       Field 'browser' doesn't contain a valid alias configuration
11:06:04 PM:       using description file: /opt/build/repo/package.json (relative path: ./src  /components/Bio)
11:06:04 PM:         no extension
11:06:04 PM:           Field 'browser' doesn't contain a valid alias …
Run Code Online (Sandbox Code Playgroud)

deployment github gatsby netlify

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

Netlify CMS - 如何通过 config.yml 集合存储对象数组

我对 Netlify 的 CMS 有点困惑——特别是在通过config.yml. 我将 Netlify CMS 与 Gatsby 静态站点一起使用,以允许最终用户更新网站上的一些动态数据。

我正在努力实现的目标:

我想要 CMS 上的数据类型,以允许用户创建新的旅游日期,包括最大入住人数和当前入住人数(即当前在所述旅游中预订了多少人)。

为了实现这一点,我目前已经这样做了config.yml(它config.yml位于static/admin我的 Gatsby 项目中,项目根目录中):

backend:
  name: git-gateway
  branch: master

publish_mode: editorial_workflow

media_folder: src/images/uploads
public_folder: /uploads

collections:
  - name: "tourInfo"
    label: "Tour Info"
    description: "Upcoming tours and their availability"
    files:
      - label: "tour"
        name: "Tour"
        file: "static/tours.json"
        fields:
          - {label: "Tour Date", name: "date", widget: "datetime"}
          - {label: "Total Places", name: "totalPlaces", widget: "number"}
          - {label: "Filled Places", name: …
Run Code Online (Sandbox Code Playgroud)

gatsby netlify netlify-cms

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

在表单提交之前执行异步功能

我正在尝试做的事情:

在我的网站上,我创建了一个注册表单,我希望在提交时执行两个操作:

1) 为用户订阅 MailChimp EDM 列表(仅使用姓名、电子邮件字段)。

2)通过执行 POST 操作(所有字段,特别是它们的消息)将完整的表单存储在 Netlify 中

这是我的表格:

<form
  className={`contact-form ${submitError ? 'has-error' : ''}`}
  name={formName}
  method="POST"
  onSubmit={event => this.submitHandler(event)}
  action="/thank-you/"
  data-netlify="true"
  data-netlify-honeypot="bot-field"
>
   // Form fields
</form>
Run Code Online (Sandbox Code Playgroud)

这是我的 onSubmit 处理程序:

submitHandler = async (event) => {
  const {
    email,
    fieldValues,
    submitting,
  } = this.state;
  if (submitting) return false;
  this.setState({
    submitting: true,
    submitError: false,
  });
  const result = await addToMailchimp(email, fieldValues);
  if (result.result === 'success') {
    // Inconsequential, as success should result in redirection to …
Run Code Online (Sandbox Code Playgroud)

forms gatsby netlify

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

Gatsby + Contentful + Netlify - 如何在生产中渲染 tracedSVG 图像?

我正在使用GatbsyContentful CMS 和Netlify构建一个网站。它看起来很棒并且可以在本地运行,但是我在使用tracedSVG选项制作流体图像时遇到了问题。Netlify 部署曾经偶尔工作,当我向项目添加更多图像时,现在经常因以下错误而中断(并不总是在同一页面中):

10:53:45 AM: The GraphQL query from /opt/build/repo/src/pages/index.js failed.
10:53:45 AM: Errors:
10:53:45 AM:   VipsJpeg: Corrupt JPEG data: premature end of data segment
10:53:45 AM:   VipsJpeg: out of order read at line 544
10:53:45 AM:   GraphQL request:54:3
10:53:45 AM:   53 | fragment GatsbyContentfulFluid_tracedSVG on ContentfulFluid {
10:53:45 AM:   54 |   tracedSVG
10:53:45 AM:      |   ^
10:53:45 AM:   55 |   aspectRatio
Run Code Online (Sandbox Code Playgroud)

或有时

error
The GraphQL query from /opt/build/repo/src/pages/index.js failed. …
Run Code Online (Sandbox Code Playgroud)

fluid-images contentful gatsby netlify gatsby-image

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

使用 Netlify 身份登录不可用

我部署了 Gatsby + Netlify 站点,并且 cms 插件在 gatsby-config.js 下配置如下:

{
  resolve: 'gatsby-plugin-netlify-cms',
    options: {
      modulePath: `${__dirname}/src/cms/cms.js`,
  },
}, 
Run Code Online (Sandbox Code Playgroud)

该网站已启用 https,但我只能选择使用 github 登录,并且需要启用 Netlify 身份登录。

有什么线索吗?

在此输入图像描述

javascript reactjs gatsby netlify netlify-cms

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

在 git 初始化文件夹上创建 Gatsby 项目

我有一个没有文件的 git 文件夹,所以我想使用 Gatsby CLI 在该文件夹中创建一个项目。使用gatsby new .但失败的是存储库不是空的,但它只有.git文件夹。我可以使用哪些替代方案来实现我的目标。

javascript reactjs graphql gatsby netlify

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