webpack开发服务器:在AJAX重定向上获得404
我正在使用webpack开发服务器:在AJAX重定向上获得404,ajax,reactjs,react-router,webpack-dev-server,Ajax,Reactjs,React Router,Webpack Dev Server,我正在使用webpack dev server和react routerBrowserRouter的ReactJS应用程序上实现OAuth2流 我有两个流程。第一个可以正常工作,第二个不能: 应用程序执行浏览器重定向到身份验证提供商>用户登录,身份验证提供商重定向回应用程序(本地主机:3000/登录)>路径上的应用程序完成流程 如果我想在用户刷新页面时检查登录状态: 应用程序向身份验证提供程序发出一个AJAX调用由于有一个会话,身份验证提供程序重定向回应用程序(本地主机:3000/登录)AJAX
webpack dev server
和react router
BrowserRouter的ReactJS应用程序上实现OAuth2流
我有两个流程。第一个可以正常工作,第二个不能:
应用程序执行浏览器重定向到身份验证提供商>用户登录,身份验证提供商重定向回应用程序(本地主机:3000/登录)>路径上的应用程序完成流程
如果我想在用户刷新页面时检查登录状态:
应用程序向身份验证提供程序发出一个AJAX调用由于有一个会话,身份验证提供程序重定向回应用程序(本地主机:3000/登录)AJAX调用失败,返回404
我的网页包配置:
devServer: {
historyApiFallback: true,
headers: {
'Access-Control-Allow-Origin': null,
'Access-Control-Allow-Credentials': true
}
}
有什么想法吗?看来历史APIfallback选项没有用于AJAX调用…devServer:{
港口:3001,
contentBase:'public',//public是index.html所在的位置
热:是的,
统计数据:{
颜色:真的
},
安静:错,
主机:“本地主机”,
对,,
历史API回退:{
disableDotRule:对,
},
},
您如何获取登录状态?你在用饼干吗?对于OAuth流,您是否使用react OAuth流模块?是的,通过和凭据:true使用cookie。没有模块,只是一个普通的AJAX调用。你能解释一下你的建议吗?是disableDotRule:true
,contentBase:'public'
,两者都有吗?disableDotRule
不是重点。它只会忽略路径中的任何点contentBase:“public”
是这里的键。我假设您的项目可能看起来像这个``项目--public--public/index.html--src/app.js--webpack.js```