我已经在Netlify上部署了我的网站,但在路由方面遇到了麻烦。
以下是我的网站:https://redux-co.netlify.com/
以及我的GitHub仓库:https://github.com/jenna-m/redux-co
具体来说,如果用户导航到除主页以外的任何页面并刷新页面,则会显示默认的Netlify 404。从404页面中,如果我返回到主页并刷新,则会呈现主页。
此外,我的自定义404页面在localhost:3000
时不起作用,但在解决刷新问题之前,我想先处理这个问题。
我正在使用React和react-router,并且我知道因为我在使用react-router,我的网站不会立即部署。
这是我的_redirects
文件,它与我的index.html
文件在/public
文件夹中:
/* /index.html 200
这是我的"build"
位于package.json
中:
…
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build && cp build/index.html build/404.html",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
…
我已经阅读了其他人遇到类似问题时所采取的解决方案,截至目前,我参考的资料有:
https://www.freecodecamp.org/news/how-to-deploy-a-react-application-to-netlify-363b8a98a985/
https://hugogiraudel.com/2017/05/13/using-create-react-app-on-netlify/
虽然这些方案是针对使用 React 的情况而非 Vue,但我仍尝试了这些方法:
https://github.com/vuejs/vuepress/issues/457#issuecomment-390206649
https://github.com/vuejs/vuepress/issues/457#issuecomment-463745656