我正在将create-react-app与 Firebase 结合使用,这一直是我的梦想,但我遇到了障碍。我想将从用户提供的 URL 获取 Open Graph 元数据的功能合并到我的应用程序中,但据我们所知,在浏览器中完成此操作会被阻止。
这个使用节点的开放图元数据的示例非常接近我想要做的事情。
我已经查看了自述文件,特别是Proxying API Requests in Development。
我已经在这里和 create-react-app Github 存储库(开放和封闭)上搜索了相关问题。CORS 和类似的结果已经返回,但在如何整合某些东西来实现这一目标方面仍然存在相当大的差距。
我读过建议我应该使用 Express 的评论,但我不确定如何将其与 create-react-app 和 webpack 结合起来(更不用说这在生产中如何工作)。
我想我只是还没有完全把所有的部分放在一起来完成这个任务,如果有人有时间的话,我会很感激指导。
package.json 文件{
"name": "my-app",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-scripts": "1.0.10"
},
"dependencies": {
"firebase": "^3.9.0",
"material-ui": "^0.18.7",
"node-sass-chokidar": "0.0.3",
"npm-run-all": "^4.0.2",
"prop-types": "^15.5.10",
"react": "^15.6.1",
"react-avatar": "^2.3.0",
"react-dom": "^15.6.1",
"react-router-dom": "^4.1.2",
"react-tap-event-plugin": "^2.0.1"
},
"scripts": {
"build-css": "node-sass-chokidar src/ -o src/",
"watch-css": …Run Code Online (Sandbox Code Playgroud)