小编Per*_*ixo的帖子

所以我使用 Contentful API 从我的帐户中获取一些内容并将其显示在我的 Next.Js 应用程序中（我使用的是 next 9.4.4）。这里非常基本。现在为了保护我的凭据，我想使用环境变量（我以前从未使用过它，而且我对所有这些都不熟悉，所以我有点迷茫）。

我正在使用以下内容在我的 index.js 文件中创建 Contentful Client：

const client = require('contentful').createClient({
    space: 'MYSPACEID',
    accessToken: 'MYACCESSTOKEN',
});

MYSPACEID并且MYACCESSTOKEN是硬编码的，所以我想将它们放在一个 .env 文件中以保护它，并且在部署在 Vercel 上时不要将其公开。

我创建了一个.env文件并像这样填充它：

CONTENTFUL_SPACE_ID=MYSPACEID
CONTENTFUL_ACCESS_TOKEN=MYACCESSTOKEN

当然，MYACCESSTOKEN并MYSPACEID包含正确的键。

然后在我的 index.js 文件中，我执行以下操作：

const client = require('contentful').createClient({
  space: `${process.env.CONTENTFUL_SPACE_ID}`,
  accessToken: `${process.env.CONTENTFUL_ACCESS_TOKEN}`,
});

但是当我使用它时它不起作用yarn dev，我收到以下控制台错误：

{
  sys: { type: 'Error', id: 'NotFound' },
  message: 'The resource could not be found.',
  requestId: 'c7340a45-a1ef-4171-93de-c606672b65c3'
}

这是我的主页以及我如何从 Contentful 检索内容并将它们作为道具传递给我的组件：

const client = …

我已阅读有关这些nuxt generate问题的多篇文章和帖子，但找不到答案。所以我正在学习 Vue 和 Nuxt。我创建了一个水疗中心，并尝试将其托管在我的网站上（在子文件夹中，例如http://mywebsite.com/subfolder/）。这是一个简单的托管网站（共享服务器），所以我想从我的文件生成一个静态网站。

我正在运行nuxt generate，但是当我移动dist子文件夹中生成的文件夹时，我收到错误：

GET http://mywebsite.com/_nuxt/5f51d97c56209053356b.js net::ERR_ABORTED 404 (Not Found)

当然，路径应该是

http://mywebsite.com/subfolder/_nuxt/5f51d97c56209053356b.js

我怎样才能解决这个问题？据我了解，我应该在我的nuxt.config.js文件中添加一些行，对吧？我尝试了多种组合，但无法使其工作。

我知道已经有人回答了，但我不明白如何解决我的问题。我正在使用 webpack 4 开发静态网站，并且在尝试加载图像（本地和从我的在线服务器）时遇到问题。

Access to XMLHttpRequest at 'XXX' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource使用 webpack 时如何修复错误？我没有使用 express（仍在学习 webpack），而且我发现的所有答案对我来说都有些复杂，并且使用了自定义服务器，而我不...

有没有简单的方法可以绕过这个？

顺便说一句，我正在使用<img src="XXX" alt="" crossorigin="anonymous">我的图像。有时它有效，有时它不起作用......我发现的文章在这一点上对我来说太技术性了......

我试图将以下内容添加到我的webpack.config.dev.js文件中，但它也不起作用：

devServer: {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
    },
(...)
}

我想测试一下 Strapi。因此，我创建了一个项目、内容类型，设置了内容类型的权限来查找和 findone，但是当我尝试获取数据时，它不会返回任何内容。以下是我已完成的步骤：

• 使用以下命令创建一个 Strapi 项目：npx create-strapi-app my-project --quickstart
• 创建了我的帐户，并创建了一个名为“actualites”的新内容类型，其中包含标题、富文本和图像
• 在我的“actualites”内容类型中创建了 2 个条目
• 我尝试访问http://localhost:1337/actualites，但出现 403 错误
• 所以我转到 Roles/Public 并检查了我的内容类型的“find”和“findone”权限
• 当我返回时http://localhost:1337/actualites，好吧..我只有一个空数组，我的条目没有显示..

这是我的 package.json 文件：

{
  "name": "backend",
  "private": true,
  "version": "0.1.0",
  "description": "A Strapi application",
  "scripts": {
    "develop": "strapi develop",
    "start": "strapi start",
    "build": "strapi build",
    "strapi": "strapi"
  },
  "devDependencies": {},
  "dependencies": {
    "strapi": "3.4.1",
    "strapi-admin": "3.4.1",
    "strapi-utils": "3.4.1",
    "strapi-plugin-content-type-builder": "3.4.1",
    "strapi-plugin-content-manager": "3.4.1",
    "strapi-plugin-users-permissions": "3.4.1",
    "strapi-plugin-email": "3.4.1",
    "strapi-plugin-upload": "3.4.1",
    "strapi-connector-bookshelf": "3.4.1",
    "knex": "<0.20.0",
    "sqlite3": "latest"
  }, …