首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

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

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

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

总的来说,当使用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“使用ANT build构建Angular5项目时,ng build无法工作在angular 6及以上版本中使用webpack好吗?还是由ng-build prod处理?使用ng build在Angular库中构建外部JS (而不是TS)文件?在使用angular-cli@1.0.0-beta.21执行ng构建-prod时找不到模块css-loader无法运行npm在使用npm run build:prod构建angular app后运行服务器Angular2/Angular-cli在使用--prod开关构建时出现奇怪的错误在Angular 4中对http请求使用解析时出错在--prod模式下构建时,在Angular中请求错误:'Referrer Policy: strict-origin- when -cross-origin‘在Angular 7应用程序中使用svg.js插件时出现Prod构建错误在PUT请求时在Angular中使用ReplaySubject会丢失数据如何使用angular 2在ionic 2框架中返回从http请求中收到的http请求结果。我的代码如下在Angular中使用async和await时,如何从PUT请求返回共振?为什么我在使用angular $http时不能发布表单数据在自治数据库中使用UTL_HTTP时ORA-29273 HTTP请求失败使用Angular Universal时,在组件的ngOnInit中发出http请求有什么问题吗?在angular 2中使用http请求删除数据表中选中的行使用angular库构建poject时出现问题。ng serve在本地工作正常错误消息是请添加@NgModule注释当使用表单而不是angular http客户端时,对PHP的POST请求不会检索任何数据当我使用来自http.get的数据时,无法在Angular 2中呈现Highcharts
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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.1K40
  • 玩转 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.3K20

    使用 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提供的数据,我们直接提供这些数据。 我们还从传输状态中删除了提供的数据,因此页面的重新加载将不再使用提供的数据

    68000

    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.6K30

    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.8K100

    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.4K40

    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.9K20

    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 } }

    15310

    使用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.3K70

    一个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.6K10

    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.8K10

    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.1K20
    领券