1

几周以来,我一直在调整我的工作流程以适应新的 AWS 版本的 Cloud9,它进展顺利,但我遇到了一个奇怪的问题,我找不到任何文档。

每当我尝试从客户端 JavaScript 发送 GET 请求时,就像最近一样,从公共目录加载 JSON 文件时,我会收到带有状态代码 499 () 的 HTTP 错误

我要运行的主要内容是加载一些 JSON 并在画布中呈现数据的静态页面。现在,我可以使用一种解决方法,我只是将 JSON 放在一个单独的 JS 文件中,并将其设为全局变量,但这并不是很理想。

以下是一些细节。AWS Cloud9 服务器 create-react-app Web 服务器 P5.js 客户端 js 库 有问题的 JSON 文件存储在 index.html 的子目录中

这是踢球者,当我将代码发布到测试生产服务器时,代码工作正常,这让我认为它必须是 cloud9 环境中的设置有问题

错误:p5.js:59833 GET https://9560a28022cd45e1a8d25f94fa86507c.vfs.cloud9.us-east-1.amazonaws.com/js/json/StarData2.json 499 () p5.httpDo @ p5.js:59833 p5.loadJSON @p5.js:58944(匿名)@p5.js:46182 预加载@sketch.js:6(匿名)@p5.js:46147 p5@p5.js:46434 _globalInit@p5.js:48404 加载(异步)26 .../core/core @ p5.js:48413 s @ p5.js:2 (匿名) @ p5.js:2 13../color/creating_reading @ p5.js:42088 s @ p5.js:2 e @p5.js:2(匿名)@p5.js:2(匿名)@p5.js:2(匿名)@p5.js:2

4

1 回答 1

0

AWS Cloud9 在端口 8081 上运行 Django 开发服务器和在标准端口 ($PORT) 上运行角度开发服务器 (ng serve) 的问题相同。django 和 angular 都独立工作(可以显示网页)但是当 angular 前端尝试加载后端数据(JSON GET 请求)时返回错误 499。

我在这里分享我的解决方案:

后端(DJANGO)

source venv/bin/activate
./manage.py runserver 0.0.0.0:8081

后台可以访问http://IP:8081/

前端(角)

ng serve --host 0.0.0.0 --port 8080 --disable-host-check

前端可以在http://IP:8080/访问

其中 IP 是 AWS 实例 IP,可以通过单击 Cloud9 工作区右上角的 Share 按钮进行检查。

于 2019-07-24T05:31:55.953 回答