netlify 重定向在 React 应用程序中不起作用

问题描述 投票:0回答:2

我正处于我的程序员之旅的开始,这是我的第一篇文章,可能不是最后一篇。
所以这里有问题。我使用 create-react-app 在 React 中构建组合项目。这不是必需的技术,但我想通过将简单的站点移至 React 来进行练习。我使用了多页路由(只有 2 页)。我使用了自定义域名,因为这将是我母亲美发沙龙的网站,并且 Netlify 免费托管。这是链接:
https://bozena.net.pl/
我在画廊(galeria)的重定向方面遇到了困难。
https://bozena.net.pl/pages/Gallery
如果我直接去那里或刷新,它就不起作用。我使用 API 来处理图片,如果有的话。我发现我需要在构建文件夹中使用 _redirects 文件,但我无法找出确切的语法(我检查了有关 _redirects 的 Netlify 文档)。现在我的 _redirects 文件如下所示:

/                   https://bozena.net.pl/#price-div 
/                   https://bozena.net.pl/#contact
/(whats here?)      https://bozena.net.pl/Gallery  

我为这个画廊尝试了不同的路径,例如 /pages/Gallery (这里是画廊的 jsx 文件),但我没有发现任何有效的方法。价格 div 和联系方式是主页上的 div,这个方向将带我进入主页。有人帮我让这个画廊链接正常工作吗?
这是整个页面的代码:
https://github.com/kadynski/Hairdresser-app

code
粗体 斜体

引用 草稿已保存 我正处于我的程序员之旅的开始,这是我的第一篇文章,可能不是最后一篇。 所以这里有问题。我使用 create-react-app 在 React 中构建组合项目。这不是必需的技术,但我想通过将简单的站点移至 React 来进行练习。我使用了多页路由(只有 2 页)。我使用了自定义域名,因为这将是我母亲美发沙龙的网站,并且 Netlify 免费托管。这是链接: https://bozena.net.pl/ 我在画廊(galeria)的重定向方面遇到了困难。 https://bozena.net.pl/pages/Gallery 如果我直接去那里或刷新,它就不起作用。我使用 API 来处理图片,如果有的话。我发现我需要在构建文件夹中使用 _redirects 文件,但我无法找出确切的语法(我检查了有关 _redirects 的 Netlify 文档)。现在我的 _redirects 文件如下所示:

/                   https://bozena.net.pl/#price-div 
/                   https://bozena.net.pl/#contact
/(whats here?)      https://bozena.net.pl/Gallery  

我为这个画廊尝试了不同的路径,例如 /pages/Gallery (这里是画廊的 jsx 文件),但我没有发现任何有效的方法。价格 div 和联系方式是主页上的 div,这个方向将带我进入主页。有人帮我让这个画廊链接正常工作吗? 这是整个页面的代码: https://github.com/kadynski/Hairdresser-app

reactjs http-redirect deployment routes netlify
2个回答
4
投票

试试这个

  1. 在项目公共文件夹中添加一个文件,将其命名为 _redirects
  2. 然后粘贴此代码并保存(并部署)
    /*  /index.html  200

来源:https://answers.netlify.com/t/netlify-page-not-found-when-sharing-react-router-dom-based-links/11744/2


0
投票

在公共文件夹内创建 _redirects 文件并编写此代码

/* /index.html 200

© www.soinside.com 2019 - 2024. All rights reserved.