标签: netlify

我最近使用 Okta 身份验证构建了一个 Vue.js 应用程序。我正在尝试在 Netlify 上部署此应用程序。在 Netlify 中设置新项目后，我将 Vue.js 应用程序从 GitHub 导入到 Netlify 项目中。我在应用程序中重新配置了路由器，以便redirect_uri在 Okta 初始化程序中反映新的 Netlify URL：

import Auth from "@okta/okta-vue";

Vue.use(Auth, {
  issuer: "https://xxx-xxxxxx.okta.com/oauth2/default",
  client_id: "xxxxxxxxxxxxxxxxxxxx",
  redirect_uri: "https://xxxxxxxxx-xxxx-xxxxxx.netlify.com/implicit/callback",
  scope: "openid profile email"
});

部署应用程序并单击登录按钮后，我应该被重定向到默认的 Okta 登录页面。但是，我被重定向到一个页面，上面写着“找不到页面：看起来您访问了损坏的链接或输入了此网站上不存在的 URL。”

我什至确保在我的 Okta 仪表板中将该 URL 列入白名单。知道为什么 Netlify 无法识别新的 redirect_uri 吗？谢谢！

我可以在本地启动应用程序，但是在尝试部署站点时，我收到以下错误日志

在Failed to compile.文本和npm ERR! code ELIFECYCLE之间似乎有一些警告，即使用 == 而不是 === 和未使用的变量。

构建命令npm run build 发布目录尝试了两者build和build/

这是导致部署失败的真正原因还是其他原因？

我正在尝试学习如何解决以下问题。

1. 在 netlify 上部署我的 React 应用程序后，当我在https://candid-cobbler-cd2c3e.netlify.app/刷新任何路由 或手动加载https://candid-cobbler-cd2c3e.netlify.app/red时，它给出我遇到了 404 页面未找到错误。

如果我使用按钮进行导航，该网站可以找到。

我尝试过的解决方案：

1. _redirects 已添加到构建并重新部署的根文件夹中。不工作/* /index.html 200

2. netlify.toml 已添加到 根文件夹[[redirects]] from = "/*" to = "/" status = 200 构建并重新部署不起作用