小编CH *_* L 的帖子

如何使用 nextjs 将静态网站部署到 AWS S3

我还是 React 的新手,我开始使用 Nextjs 编写一个静态网站。但是当我想部署到 AWS S3 时,我遇到了一些问题。我以前只使用 webpack,当我输入时,yarn build我得到一个 dist 文件,我很容易将 dist 文件中的内容上传到 S3 存储桶。

使用Nextjs对SSR我发现后,我建立了项目,我得到一个后不过.next文件与cacheserverstatic子文件,以及BUILD_IDbuild-manifest.jsonreact-loadable-manifest.jsonrecords.json。我不知道我应该上传什么到 S3 以及这些文件是什么意思。

这可能是一个愚蠢的问题,但我已经花了一天多的时间试图找到解决方案。

javascript amazon-web-services reactjs next.js

8
推荐指数
1
解决办法
5883
查看次数

为什么我无法显示上传到 S3 的图像(.svg)

我上传了一些 svg 图像到 S3 存储桶(我设置为 public-all)。上传所有 svg 图像后。我得到每个图像的 URL。当我点击这些 URL 时,它只是为我下载图像。还。有谁知道为什么当我在 img 标签(例如 /> <img src='https://***.s3.***.amazonaws.com/***.svg`)中使用这些 Url 时。它只显示损坏的图像

这是我的 lambda 函数

'use strict'


const aws = require('aws-sdk')
const s3 = new aws.S3()
const { parse } = require('aws-multipart-parser')

const response = (statusCode, data) => ({
  statusCode,
  headers: {
    'Content-Type': 'application/json',
    'Access-Control-Allow-Origin': '*'
  },
  body: JSON.stringify(data)
})


exports.handler = async event => {
  const inputData = parse(event, true)

  if (inputData.file) {
    try {
      const params = {
        Bucket: ***,
        region: …
Run Code Online (Sandbox Code Playgroud)

amazon-s3 amazon-web-services reactjs aws-lambda

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

如何使用对象的键对对象数组进行排序?

我正在尝试编写一个函数来对这样的数组进行排序:

[
  {score:10, name:foo},
  {score:-10, name:bar},
  {score:0, name:newNAME}
]
Run Code Online (Sandbox Code Playgroud)

进入

[
  {rank:1, score:10, name:foo},
  {rank:2, score:0, name:newNAME},
  {rank:3, score:-10, name:bar}
]
Run Code Online (Sandbox Code Playgroud)

但是我发现很难访问密钥(使用分数对每个对象进行排序和添加排名)。有人可以给我一些提示来编写这样的函数吗?

javascript arrays reactjs

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