Javascript 我应该在哪里设置React项目根目录中的HTML文件/页面以登录example.com/login.HTML?
我正在尝试使用第三方身份验证服务器对用户进行身份验证。它们的重定向uri声明在用户登录后,它们将被重定向到example.com/login.html 在login.html文件中,将有一些html/脚本来处理身份验证。由于此项目处于React中,我可以将此文件放在项目中的何处Javascript 我应该在哪里设置React项目根目录中的HTML文件/页面以登录example.com/login.HTML?,javascript,html,reactjs,single-page-application,Javascript,Html,Reactjs,Single Page Application,我正在尝试使用第三方身份验证服务器对用户进行身份验证。它们的重定向uri声明在用户登录后,它们将被重定向到example.com/login.html 在login.html文件中,将有一些html/脚本来处理身份验证。由于此项目处于React中,我可以将此文件放在项目中的何处 my-app ├── build ├── node_modules ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json ├──
my-app
├── build
├── node_modules
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
├── src
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ └── serviceWorker.js
├── .gitignore
├── login.html <--------------- ??????
├── package.json
└── README.md
我的应用程序
├── 建造
├── 节点单元
├── 公众的
│ ├── 图标文件
│ ├── index.html
│ └── manifest.json
├── src
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ └── serviceWorker.js
├── .gitignore
├── login.html这与React无关,只与服务器如何提供静态文件(如login.html
文件)有关
如果您正在开发模式下使用Create React应用程序,请尝试将其放入public
目录。注意:此服务器仅用于本地开发,而不是作为独立/生产服务器使用
在生产模式下,情况会有所不同,您需要为静态文件配置中间件。如果您使用的是Express,它可能如下所示:
app.use(express.static('public'))
或者,您可以仅为该登录页面设置单独的快速路线,如:
app.get('/login',(req,res)=>res.sendFile('public/login.html'))
感谢您在Dev vs Prod中对其进行分解。将其放入public
目录中是有效的。