如何从reactJS前台点击快速后端？
如何从reactJS前台点击快速后端？
提问于 2020-08-22 00:37:28
我在heroku上部署了我的react + express应用程序，但我似乎无法访问server.js中提供的登录应用程序接口。
这是前端，它在本地工作，甚至在几个提交之前工作，但它突然停止了……
<a href="/login">
<Button className="app-button" variant="success" size="lg" style={{marginTop:10, color: 'black'}}>
Log In
</Button>{' '}
</a> package.json：
{
"name": "spotifyproj",
"version": "0.1.0",
"private": true,
"homepage": " https://whispering-caverns-57172.herokuapp.com/",
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"bootstrap": "^4.5.2",
"compression": "^1.7.4",
"cookie-parser": "^1.4.5",
"cors": "^2.8.5",
"dotenv": "^8.2.0",
"express": "^4.17.1",
"morgan": "^1.10.0",
"path": "^0.12.7",
"querystring": "^0.2.0",
"react": "^16.13.1",
"react-bootstrap": "^1.3.0",
"react-dom": "^16.13.1",
"react-router-dom": "^5.2.0",
"react-scripts": "3.4.3",
"react-spotify-player": "^1.0.4",
"spotify-web-api-js": "^1.5.0"
},
"scripts": {
"start": "node server.js",
"dev": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"heroku-postbuild": "npm install && npm run build"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}使用fetch/axios尝试并命中它也不起作用
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-22 08:25:42
React在客户端有路由，所以a标签不会做任何事情。
您需要一个像fetch或axios这样的库来启动指向/login的post，指向正在运行express服务器的url。
import axios from 'axios';
const login = async () => {
const response = await axios.post('http://localhost/login');
// do something with response
}
return {
<Button onClick={() => login()}>
Log In
</Button>
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63531536
复制相关文章
点击加载更多
相似问题
从快速后端获取数据的Reactjs
当快速点击时，先前的活动被带到前台
ReactJS后端
使用Reactjs app作为域名后端快速nodejs的前端
ReactJS和后端
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
