小编Ale*_*lex的帖子

如何允许 Image nextjs 配置的所有域?

我有各种图像网址并随着时间的推移而变化(图像是通过网址地址获取的,而不是本地或来自私人存储)。为了渲染<Image />tag ,域应该传递给 nextjs 配置。随着时间的推移,不可能传递数百个 url。

如何允许所有域?

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  images: {
    domains: [
      "img.etimg.com",
      "assets.vogue.com",
      "m.media-amazon.com",
      "upload.wikimedia.org",
    ],
  },
};

module.exports = nextConfig;
Run Code Online (Sandbox Code Playgroud)

我试过这个但没用, "*.com"

next.js nextjs-image

38
推荐指数
2
解决办法
7万
查看次数

CloudFormation 正在等待清理与 Lambda 函数关联的 NetworkInterfaces

我在 VPC 中有一个带有 Lambda 函数的 CloudFormation 堆栈,
当尝试删除堆栈时,AWS CloudFormation 至少卡住了 25-30,
我在事件中收到以下消息 -

CloudFormation is waiting for NetworkInterfaces associated with the Lambda Function to be cleaned up.
Run Code Online (Sandbox Code Playgroud)

这似乎是由于 ENI 附加到功能和安全组。

从控制台它不允许我强行删除 ENI 或 ENI 所附加的安全组,
所以我只需要等待吗?

我发现了一些甚至已经有 2 年历史的问题和博客,
AWS 没有解决方案吗?
自动化应该很快,事实证明这是一个巨大的障碍。

参考 -
CloudFormation 问题:无法删除堆栈
https://forum.serverless.com/t/very-long-delay-when-doing-sls-remove-of-lambda-in-a-vpc/2535

amazon-web-services aws-cloudformation

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

Axios ReactJS - 无法读取undefined的属性'setState'

我在ReactJS中做一个简单的事情时收到错误"TypeError:无法读取未定义的属性'setState'.我正在尝试使用axios来填充带有响应数据的输入.到目前为止没有成功.我对axios和ReactJs都很新,所以它可能是我忽略的非常简单的东西?

在修复TypeError之后,我希望"RESPONSE TEXT"显示在表单的输入字段中.

这是我的组成部分:

class BasicInfoBlock extends React.Component {
    constructor(props) {
        super(props);

        this.state = { name : "EventTestName" };
    }

    componentDidMount() {
        axios
        .get(getBaseUrl()+`get`)
        .then(function (response) {
            this.setState({name: "RESPONSE TEXT"});
            //this.setState({name: response.data.name});
        })
        .catch((e) => 
        {
            console.error(e);
        });
        //this.setState({});
    }


    render(){
        return(
                <form className="form-horizontal">
                    <div className="form-group">
                        <label htmlFor="eventName" className="col-sm-2 control-label">Name</label>
                        <div className="col-sm-10">
                        <input type="text" id="eventName" className="form-control" placeholder="Event name" defaultValue={this.state.name}/>
                        </div>
                    </div>
                </form>
            );
    }
}
Run Code Online (Sandbox Code Playgroud)

}

谢谢您的帮助

编辑:这不是一个重复的问题,这个问题涉及'this'在回调中不可用.选为重复的问题与bind有关.

javascript reactjs axios

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

无法验证以下目标配置(S3 到 SQS)

我正在尝试使用无服务器建立一个工作流程,该工作流程创建一个新的 S3 存储桶、一个新的 SQS 队列,当在 S3 存储桶中创建一个对象时,将消息放入队列中,并在队列上有足够的消息时启动 lambda队列。我的资源块中有以下内容:

resources:
  Resources:
    AnalyticsQueue:
      Type: "AWS::SQS::Queue"
      Properties:
        QueueName: "my-queue"
    S3EventQueuePolicy:
      Type: AWS::SQS::QueuePolicy
      DependsOn: AnalyticsQueue
      Properties:
        PolicyDocument:
          Id: SQSPolicy
          Statement:
            - Effect: Allow
              Action: sqs:SendMessage:*
              Resource: !Ref AnalyticsQueue
        Queues:
          - !GetAtt AnalyticsQueue.Arn
    AnalyticsBucket:
      Type: AWS::S3::Bucket
      Properties:
        BucketName: "my-bucket"
        NotificationConfiguration:
          QueueConfigurations:
            - Event: s3:ObjectCreated:*
              Queue: !GetAtt AnalyticsQueue.Arn
Run Code Online (Sandbox Code Playgroud)

当我尝试部署它时,我收到以下错误:

发生错误:AnalyticsBucket - 无法验证以下目标配置(服务:Amazon S3;状态代码:400;错误代码:InvalidArgument;请求 ID:E2A1F8BD6BEE6EF4;)。

经过一番谷歌搜索,我发现问题出NotificationConfiguration在AnalyticsBucket. 如果我删除整个子块,它部署得很好,但显然在创建对象时不会在队列上生成消息。

正在寻找解决这个问题的方法。

amazon-s3 amazon-sqs aws-cloudformation serverless-framework

10
推荐指数
2
解决办法
4万
查看次数

使用jquery在相同的ajax请求中发送和接收数据

发送数据和接收依赖于该数据的响应的最佳方法是什么?

考虑用于请求的PHP文件:

$test = $_POST['test'];

echo json_encode($test);
Run Code Online (Sandbox Code Playgroud)

我试图通过以下方式实现这一目标:

$.ajax({
    type: "POST",
    dataType: "json",
    data: '{test : worked}',
    url: 'ajax/getDude.php',
    success: function(response) {
        alert(response);
    }
});
Run Code Online (Sandbox Code Playgroud)

php ajax jquery

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

每次我尝试安装 php-mysqli 扩展时,都会收到类似“E:软件包 'php-mysqli' 没有安装候选”的错误

suvo@Suvodip-Lenovo ~ $ sudo apt install php-mysqli

[sudo] password for suvo:

Reading package lists... Done`enter code here`

Building dependency tree    

Reading state information... Done

Package php-mysqli is a virtual package provided by:

php7.3-mysql 7.3.2-3+ubuntu16.04.1+deb.sury.org+1

php7.2-mysql 7.2.15-1+ubuntu16.04.1+deb.sury.org+1

php7.1-mysql 7.1.26-1+ubuntu16.04.1+deb.sury.org+1

php5.6-mysql 5.6.40-1+ubuntu16.04.1+deb.sury.org+1

php7.0-mysql 7.0.33-1+ubuntu16.04.1+deb.sury.org+1

You should explicitly select one to install.

E: Package `php-mysqli` has no installation candidate
Run Code Online (Sandbox Code Playgroud)

php mysql mysqli php-extension

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

使用 API 网关和无服务器框架的 AWS Lambda 超出速率

当我尝试调用具有 HTTP 事件的方法时,它会导致500 Internal server error.

在 CloudWatch 日志上显示Recoverable error occurred (Rate Exceeded.)

当我尝试调用没有 lambda 的函数时,它会执行响应。

这是我的无服务器配置:

配置

lambda amazon-web-services aws-api-gateway serverless-framework

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

如何在反应中使用复选框形式?

有两个组成部分container和presenter。
下面的代码显示单个复选框状态变为 true,并且另一个复选框也正在更新。那么,如何处理具有状态的多个复选框?

容器:

 export default class ApplyFormContainer extends Component {
      constructor(props) {
        super(props);
        this.state = {
          form: {
            gender: '',
            checked: false,
          },
        };
      }
      handleCheckBox = e => {
        const {
          target: { checked },
        } = e;
        this.setState({
          form: {
            ...this.state.form,
            checked,
          },
        });
      };
      handleGender = id => {
        this.setState({
          form: {
            ...this.state.form,
            gender: id,
          },
        });
      };

      render() {
        const { handleGender, handleCheckBox } = this;
        const { form } = …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

如何在 AWS SAM 中向私有 API 网关添加标签

我已在 SAM 中使用 AWS::Serverless::API 创建了一个 API 网关,现在我想向网关添加标签,以便对具有相同标签的每个网关实施安全约束。

  Type: AWS::Serverless::Api
  Properties:
    Name: PrivateApi
    StageName: v1
    Tags:
      - Key: TagName
        Value: TagValue
    MethodSettings:
    ...
Run Code Online (Sandbox Code Playgroud)

查看文档后,我想出了上面的代码。正如文档所述,它以上面所示的方式支持标签,但是当我部署时,出现以下错误。

samcli.commands.validate.lib.exceptions.InvalidSamDocumentException: [InvalidResourceException('PrivateApi', "Type of property 'Tags' is invalid.")] ('PrivateApi', "Type of property 'Tags' is invalid.")

有关标签的文档链接:https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-resource-tags.html

任何对此的帮助将不胜感激!

yaml amazon-web-services aws-sam

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

serverless-s3-sync 仅将特定文件夹同步到 s3

我目前正在使用该serverless-s3-sync插件将本地目录同步到 S3 存储桶中。

我的代码如下所示serverless.yml:

custom:
  s3Sync:
    - bucketName: mydestintationBucket
      localDir: .
      acl: public-read
Run Code Online (Sandbox Code Playgroud)

我的问题是我不想将整个目录同步到 S3 存储桶。有没有办法只定义特定的文件夹/文件以同步到S3,或者有更好/其他的方法来做到这一点(例如另一个插件)?

amazon-s3 amazon-web-services serverless-framework

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