开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

angular http请求在使用ng build --prod构建时从不返回数据

Angular是一种流行的前端开发框架，它使用TypeScript语言进行编写。在Angular中，我们可以使用HttpClient模块来进行HTTP请求。

根据提供的问答内容，当使用ng build --prod命令进行生产环境的构建时，Angular应用程序中的HTTP请求没有返回数据。这可能有几个原因导致：

配置问题：在生产环境中，可能存在一些配置问题，例如服务器地址、请求头等。请确保这些配置在生产构建中是正确的。
CORS（跨域资源共享）问题：如果你的应用程序与后端服务器不在同一个域名下，那么可能会遇到CORS问题。CORS是一种浏览器机制，用于限制跨域请求。要解决这个问题，你需要在服务器端进行相应的配置，允许来自前端应用程序域名的请求。
HTTPS安全问题：在生产环境中，浏览器通常要求使用HTTPS协议发送请求。请确保你的后端服务器已配置为支持HTTPS，并且应用程序中的请求也使用了HTTPS。

如果你已经排除了上述问题，并且仍然无法获得返回数据，可以尝试以下解决方法：

确保请求的URL是正确的，并且后端服务器能够正确处理该请求。你可以使用Postman等工具进行请求测试。
检查应用程序代码中是否存在错误或逻辑问题，例如请求方法、参数等。确保代码中没有错误或遗漏。
在开发者工具中查看网络请求，检查是否有错误消息或警告。这可以帮助你确定问题的具体原因。

总的来说，当使用ng build --prod构建Angular应用程序时，HTTP请求无法返回数据可能是由于配置问题、CORS问题、HTTPS安全问题或应用程序代码问题所致。你需要仔细检查这些方面，并逐一解决可能的问题。

在腾讯云的产品中，可以使用腾讯云CDN（内容分发网络）来加速你的应用程序的静态资源传输，提升用户体验。你可以通过腾讯云CDN产品了解更多详细信息和使用方法：https://cloud.tencent.com/product/cdn

此外，腾讯云还提供了云函数（Serverless）服务，可以让你无需关心服务器运维和扩展性，轻松构建和管理后端服务。你可以通过腾讯云云函数产品了解更多详细信息和使用方法：https://cloud.tencent.com/product/scf

相关搜索:Angular 2-使用"npm“构建用于生产的"dist”，而不是"ng build -prod“Angular2/Angular-cli在使用--prod开关构建时出现奇怪的错误为什么我在使用angular $http时不能发布表单数据使用Angular Universal时，在组件的ngOnInit中发出http请求有什么问题吗？使用angular库构建poject时出现问题。ng serve在本地工作正常错误消息是请添加@NgModule注释使用ANT build构建Angular5项目时，ng build无法工作使用ng build在Angular库中构建外部JS (而不是TS)文件？在--prod模式下构建时，在Angular中请求错误：'Referrer Policy: strict-origin- when -cross-origin‘在angular 2中使用http请求删除数据表中选中的行在Angular 4中对http请求使用解析时出错

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Angular CLI 常用终端操作命令

关于CLI生成路由 ---- CLI以多种方式支持路由：初始化创建项目时，自动添加了 @angular/router ，自动添加到package.json 文件中生成模块路由的时候可以使用指令...您可以在创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建（或）一起使用的构建目标（ --target...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...ng build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpack的dev服务器中使用代理支持，我们可以高速缓存某些

2.1K4 0

Angular Library 快速入门

新建 Workspace $ ng new sf-lib-app $ cd sf-lib-app $ ng serve 在介绍如何创建 Angular Library 之前，让我们来看一下 Angular...； architect —— 该对象用于配置 Angular CLI 构建流程，如 build、test 和 lint。...库开发后，我们可以通过以下命令进行库的构建： $ ng build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...创建 sf-lib 组件相信 ng generate 命令对于使用过 Angular CLI 的同学来说，都不会陌生。...在完成新建 ButtonComponent 组件的导出工作后，我们需要使用下列命令，重新构建 sf-lib 库： $ ng build --prod sf-lib sf-lib 重新构建成功后，我们就可以在模板中使用刚创建的

2.4K1 0

Angular CLI 使用教程指南参考

ng serve 将会自动在浏览器中打开默认地址 http://localhost:4200/....将自动完成功能添加到ng命令的shell中 ng doc 命令描述 ng doc 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 命令描述 ng e2e 使用...这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录中。...ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod

3K5 0

玩转 Angular 环境变量

environment.ts 和 environment.prod.ts 在 Angular CLI 发布后，越来越多的开发者都是使用 Angular CLI 来创建新的项目： $ ng new PROJECT-NAME...通过上面的注释，我们知道在执行 ng build ---prod 命令，进行项目构建的时候，会执行文件替换操作。...，我们通过以下命令进行项目构建： $ ng build --prod 那么有的同学，可能想到对于构建测试环境的包，是不是只要运行： $ ng build --test 想象中很完美，但实际上并不是这样，...可能有的同学已经注意到了 --configuration 这个参数，通常参数说明，我们知道这个参数用于指定构建时所使用的配置文件。没错，要达到我们预期的结果，就要利用该参数。...如果你本地已经安装了 python，可以进入该目录，然后在命令行执行： $ python -m SimpleHTTPServer 最后我们在浏览器中访问 http://localhost:8000/ 地址

3.2K2 0

使用 Angular Transfer State 的一个具体例子

当您单击城市名称时，该应用程序会显示该城市的当前天气。因为我们希望我们的应用程序是可抓取和可索引的，所以我们使它通用：城市页面在服务器上呈现，存储为 HTML 文件并由 HTTP 服务器提供服务。...这些页面将包含浏览器应用程序，因此用户可以在加载第一页后使用 Angular 的强大功能继续在应用程序中导航。您可以按照以下步骤尝试这个简单的示例。...$ git checkout initial 复制代码构建程序： $ npm install $ ng build -prod $ ng build -prod -app server --output-hashing...，这里是一个 HTTP GET 请求。...在浏览器上，我们使用get方法来获取server提供的数据，我们直接提供这些数据。我们还从传输状态中删除了提供的数据，因此页面的重新加载将不再使用提供的数据。

6700 0

angular-cli.json配置参数解释，以及依稀常用命令的通用关键参数解释

`ng generate`命令时，自动为selector元数据的值添加的前缀名 "deployUrl": "//cdn.com.cn", // 指定站点的部署地址，该值最终会赋给webpack..., // 新建时是否使用内联模板，默认为false "viewEncapsulation": "Emulated", // 指定生成的组件的元数据viewEncapsulation的默认值...--hmr 注意开启之后，只是在angular-cli里的webpack添加必要的扩展，等价于webpack-dev-server --hot，还需要在应用代码里处理hmr逻辑，如可在main.ts里添加...下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价： ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件： "environments

1.6K3 0

Angular CLI 简介

build / ng build 是执行构建..........生成Gurad. ng g guard xxx 这个命令将会生成xxx.guard.ts 使用Angular CLI进行Build (构建) 和 Serve 第一篇文章是: "使用angular cli...否是(和AOT以及Angular5) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build...build --prod ng build --prod -e=prod ng build --target=production --environment=prod 其它常用的参数还有: --sourcemap...CLI生成路由" : http://www.cnblogs.com/cgzl/p/8611532.html 第四篇文章时: “使用Angular CLI进行Build (构建) 和 Serve”: http

6K11 0

docker学习系列19 容器化Angular项目

=proxy.conf.json --configuration=local --host 0.0.0.0 然后再添加.dockerignore文件，指定构建docker镜像时不希望发送给Docker...node_modules .git 构建镜像 docker build -t angular-demo ....该目录是在docker build构建阶段创建的，在Run启动阶段需要手动挂载该目录。...docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test...打包镜像-f表示指定文件，docker build -f Dockerfile-prod -t angular-demo-prod .

1.6K6 0

Angular开发实践（六）：服务端渲染

它可以生成这些页面，并在浏览器请求时直接用它们给出响应。它也可以把页面预先生成为 HTML 文件，然后把它们作为静态文件供服务端使用。...Angular Universal 可以为你生成应用的静态版本，它易搜索、可链接，浏览时也不必借助 JavaScript。它也让站点可以被预览，因为每个 URL 返回的都是一个完全渲染好的页面。...": "ng build --prod && ng build --prod --app 1 --output-hashing=false", "build:prerender": "npm...在客户端导入，用于实现将状态从服务端传输到客户端 TransferHttpCacheModule：用于实现服务端到客户端的请求传输缓存，防止客户端重复请求服务端已完成的请求使用这几个模块，可以解决 http...在 app.module.ts 中导入之后，Angular自动会将服务端请求缓存到客户端，换句话说就是服务端请求到数据会自动传输到客户端，客户端接收到数据之后就不会再发送请求了。

4.7K10 0

Angular 工具篇之分析包的大小

： $ npm i webpack-bundle-analyzer --save-dev 接下来我们使用 Angular CLI 来构建项目，在构建的时候，需要添加相关参数，具体如下： $ ng build...://127.0.0.1:8888 Use Ctrl+C to close it 当访问 http://127.0.0.1:8888 这个地址时，你会看到以下内容： ?...在 angular6-example-app 项目中，也为我们提供了相应的 npm script，具体如下： "bundle-report": "ng build --prod --stats-json...首先我们先来在当前项目中安装 source-map-explorer： $ npm i source-map-explorer --save-dev 然后在重新进行项目构建： $ ng build --...为了方便操作，我们也可以定义一个 npm script 任务来处理上述的工作： "map-explorer": "ng build --prod --source-map && source-map-explorer

2.4K4 0

ng6中，在HTTP拦截器里，异步请求数据，之后再返回拦截器继续执行用户请求的方法研究

这样用户在连续使用系统时，一旦登录时间到30分钟，token就失效了，回到登录页面，体验很不好。...那么如何监测用户是在“连续活动”的时候，且当前token超时后，系统能自动获取新token，并且在之后请求中使用该新token呢？...异步请求token也会走拦截器。思路一：同步http请求新token。 ...我翻了ng的HttpClient文档，没找到同步的参数，像jquery.ajax 传入 {async:false} 这种。如果ng中有同步请求的方法，我认为它是可行的。...其次是在重新获取token后，让原业务请求重新发生，并用要subscribe()一下。

1.9K2 0

Angular CLI 升级 6.0 之后遇到的问题

Angular CLI 1.7.4 在使用 ng build --prod 会构建失败，而 ng build 是正常的。...比较好的解决办法是使用 ng build --prod --extract-license=false 或者 ng build --prod --no-extract-license。...最近将 Angular CLI 升级到 6.X 之后，直接 ng build 会报以下错误，ng serve 也是如此。...\angular-test\node_modules\_@angular_common@6.0.2@@angular\package.json' at Object.fs.openSync (fs.js...但是使用 ng build --prod 是正常的。同样地，使用 ng build --extract-license=false 也可以解决问题。

1.4K2 0

Angular 工具篇之npx及angular-cli-ghpages

一次性执行外部库对于不经常使用的全局二进制文件，你可以不在本机上进行全局安装，而是在需要时使用 npx 即时下载并执行二进制文件。...这是构建工具（如 Create React App 或 webpack CLI）所使用的方式。它确保你始终使用最新版本的生成器或构建工具，而无需在每次使用它时进行升级。...前，你需要进行项目构建，这时你可以执行以下命令： $ ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"...或者使用以下命令： $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后，就可以通过以下的命令自动地把本地项目发布到 Github Pages...上： $ npx ngh [OPTIONS] 需要注意的是对于使用 Angular CLI 6 以上版本的用户来说，在部署时你需要指定部署的目录： $ npx ngh --dir=dist/[PROJECTNAME

1.9K2 0

Angular2 ：从 beta 到 release4.0 版本升级总结

Angular 模块是带有 @NgModule 装饰器函数的类。 @NgModule 接收一个元数据对象，该对象告诉 Angular 如何编译和运行模块代码。...name="start_time" [(ngModel)]="start_time" ngDefaultControl /> 六、其他问题 1. http请求内容带url时后台解析错误原因：angular...运行npm run build --prod命令失败原因：basically the problem is in AOT and Angular analyzer....解决办法：1) -prod => --prod --aot=false 2) -prod => --env=prod（可查看ng build -prod Module not found: Error:...解决办法：目前在路由事件结束(NavigationEnd)时，手动更新组件状态。的内嵌样式失效。"

8.1K0 0

Angular 2.x折腾记：(1)初识Angular-cli及脱坑要点

正式版的配置稍微有些改动，我比较了下基本不大，放心使用系统环境配置 window 安装lts版本的nodejs v6.10.0 ， Angular-cli中的node-sass不支持7.x，装不上的...-format可以帮助格式和修复部分问题启动 ng serve：启动脚手架服务，默认端口4200；自定义什么看帮助额打包 ng build: 开发模式打包，调用的环境文件是/src/environments.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments.../environments.prod.ts 弹出配置文件(还原真实的配置文件) ng eject : 这个东西的配置很多，可以弹出各种各样的源配置和文件我们看到的ng开头的命令都是二重封装的。。。...": "http://localhost:3000", "secure": false } }

1401 0

使用Angular CLI进行Build (构建) 和 Serve

和第三方库可以使用source-map-explorer来分析依赖, 并且查看哪些模块和类在bundle里面....下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....否是(和AOT以及Angular5) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build...执行aot会去掉一些程序执行不需要的代码, 例如angular的compiler这时就不在build输出的文件里了(可以使用source-map-explorer查看)....通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?

2.3K7 0

一个Angular 5教程：一步一步指导实现你的第一个Angular 5应用程序

只是为了让您对这些环境文件在这里有所了解，它们实际上包含在编译阶段的项目中，并且.prod.该部分由--environment交换机为ng serveor 定义ng build。...在成功的情况下，observable将被映射到一个新的动作，LoadSuccess并带有请求结果的有效载荷，并且在出错的情况下，我们将返回一个单独的ServerFailure动作（介意of那里的操作符...准备生产因此，让我们构建我们的应用程序供生产使用为此，我们运行build命令： ng build --aot -prod 65% building modules 465/466 modules...现在，让我们自动化我们的构建脚本，这样我们就可以在每个生产构建中使用两种语言构建应用程序，并调用其相应的目录en或ru。...现在我们可以使用以下docker build -t app .命令来构建我们的应用程序 docker build -t app .

42.6K1 0

Angular-内存溢出的问题

）文件过多； 2）订阅数据没有销毁占用内存，（看了下订阅的数据很少，应该不是的）； 3）因为所有的组件都在一个根目录下（上面说了，用的动态组件没用路由），导致需要编译的组件过多？...4201 --live-reload false", "build": "ng build", "test": "ng test", "lint": "ng lint",..."e2e": "ng e2e", "build-prod": "node --max_old_space_size=8192 ..../node_modules/@angular/cli/bin/ng build --prod --build--optimizer --base-href /pms/" }, "private"..."^1.0.1", "angular-progress-http": "^1.0.0", "angular-safeguard": "^2.0.1", "angular-sortablejs

2.3K2 0

Angular 2 + 折腾记：(1)初识Angular-cli及脱坑要点

正式版的配置稍微有些改动，我比较了下基本不大，放心使用 ---- 安装之前 window下：安装lts版本的nodejs[6.10.0] ， Angular-cli中的node-sass不支持7.x，...，速度也快很多 # 下载公钥 curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - # 把源写进去源请求列表...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件...": "http://localhost:3000", "secure": false } }复制代码 ng2+写起来很清晰，各种注入~~欢迎品尝。。。

1.8K1 0

angular打包报错内存溢出 nodejs 执行失败报错 “JavaScript heap out of memory” 的解决办法

其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。.../node_modules/@angular/cli/bin/ng serve", "prod": "node --max_old_space_size=8000 ..../node_modules/@angular/cli/bin/ng build --prod", } } 解决办法二：项目构建流程关闭 sourcemap 生成以 Angular 为例，对于越来越庞大的...在开发过程中可以关闭 sourceMap 的生成，加快编译构建的速度。...方法为在 angular.json中设置 build.options.sourceMap 的值为 false，同时在 tsconfig.json 中设置 compilerOptions.sourceMap

6.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭