开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在ng build prod之后，我不能使用我的rest api

在执行命令 "ng build prod" 之后，你可能遇到了无法使用你的 REST API 的问题。这个问题通常是因为在构建过程中，前端应用与后端 API 的连接配置发生了错误或丢失。

解决这个问题的一种方法是在构建过程中正确地配置前端应用与后端 API 的连接。你需要确保在构建命令中包含正确的 API 地址或端点。这通常是通过在前端应用的配置文件中设置 API 地址或通过环境变量传递的方式来完成的。具体的步骤可能因使用的框架或工具而有所不同。

另外，你还可以使用代理来解决这个问题。代理可以将前端应用的 API 请求转发到正确的后端 API 地址上。这样，无论在开发环境还是生产环境中，前端应用都可以正确地与后端 API 进行通信。在 Angular 中，你可以使用 Angular CLI 提供的代理功能来实现这一点。你可以在项目的 "proxy.conf.json" 文件中配置代理规则，并在 "angular.json" 文件中指定代理配置文件的路径。

在解决这个问题的过程中，你可以考虑使用腾讯云提供的相关产品来帮助你构建和部署云原生应用。

云服务器（CVM）：腾讯云提供了可靠、高性能的云服务器，你可以使用它来部署你的前端应用和后端 API。产品介绍链接：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（TencentDB for MySQL）：腾讯云提供了高可用、可扩展的云数据库服务，你可以将你的后端 API 的数据存储在云数据库中。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
API 网关（API Gateway）：腾讯云的 API 网关可以帮助你轻松构建、发布和管理 RESTful API，为你的前端应用提供稳定可靠的访问入口。产品介绍链接：https://cloud.tencent.com/product/apigateway

请注意，以上产品只是腾讯云提供的一部分相关产品，你可以根据具体的需求选择适合你的产品和服务。同时，不同的云计算厂商都会提供类似的解决方案和产品。

希望这些信息能对你解决问题和扩展知识有所帮助。如有更多疑问，请随时向我提问。

相关搜索:Django -在views.py内部使用我自己的REST API的正确方法？为什么我不能使用Axios通过GitHub REST API进行身份验证？为什么我不能使用我的投影场在我的开关情况？为什么我的API在使用JWT之后不能工作？只有在redux的props中有API响应之后，我才能更改状态？在--prod build中使用ng2- libraries抛出“意想不到的值...请添加@管道/@指令/@组件注释”在Magento中，我可以仅在Magento REST API上构建我的店面吗？在ng build --prod之后，为什么我在main.js:1和polyfills.js:1中得到错误，而不是在我创建的组件中，如何撤销这个错误？在setState in a render之后，我需要更新componentDidMount内部的api。在使用requests.get之后，我不能

相关搜索:

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

有帮助

没帮助

相关·内容

Angular实战项目（1）

image.png 软件真正运行时的依赖是在dependencies 软件开发过程中devDependencies ng new 项目名新建angular项目建议使用这个命令，可以优化压缩等...ng build -prod 生成环境编译不建议使用ng build ng serve 启动开发服务器 Mock Rest API json-server:用于快速搭建REST API的利器安装...image.png 启动 json-server /JSON文件位于的目录/data.json 支持GET,POST,PUT,PATCH,DELETE等Rest命令测试REST API 使用Postman...测试常用的api ?...image.png JSON文件相当于数据库使用VSCode的REST Client插件 ?

1.8K1 0

将Spring Boot应用程序部署到Bluemix

在之前的博客文章中，我介绍了如何通过Swagger在Spring Boot应用程序中记录REST API。下面我将介绍如何将这些应用程序作为Docker容器部署到IBM Bluemix。...作为例子，我再次使用Spring REST示例。在之前的博客文章中，我介绍了如何通过Swagger在Spring Boot应用程序中记录REST API。...下面我将介绍如何将这些应用程序作为Docker容器部署到IBM Bluemix。作为例子，我再次使用Spring REST示例。...gs-rest-service -p 80:8080 -d -t gs-rest-service 在此之后，您可以在我们的本地Docker环境中运行示例。...[9faps9e0fd.png] 之后，您可以在Bluemix上运行您的REST API。

2.5K10 0

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

是angular和第三方库可以使用source-map-explorer来分析依赖, 并且查看哪些模块和类在bundle里面....打开main.bundle.js可以看到我写的代码: ? 下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件....ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...先使用--aot: ng build --aot ? 使用aot之后可以看到 vendor.bundle的大小降了很多, 只有1.5m左右了....可以对项目更深入的配置.... 这时运行程序就是 npm start了. 我还是把reject恢复回去吧, 使用git来恢复吧. 如果需要Serve 其他js/css/assets文件: ?

2.3K7 0

玩转 Angular 环境变量

environment.ts 和 environment.prod.ts 在 Angular CLI 发布后，越来越多的开发者都是使用 Angular CLI 来创建新的项目： $ ng new PROJECT-NAME...production: true }; 对于上面提到的需求，即不同环境使用不同的 API 接口地址，我们可以在不同的文件中设置不同的 API 接口地址，比如： // environment.ts...通过上面的注释，我们知道在执行 ng build ---prod 命令，进行项目构建的时候，会执行文件替换操作。...： $ ng build --configuration=test 上述命令成功运行之后，就会在根目录下生成 dist 目录，并且在该目录下也会创建一个 PROJECT-NAME 目录。...}, 之后，我们就可以在命令行运行以下的命令，来启用测试环境： $ ng serve --configuration=test 总结本文简单介绍了 Angular 项目中，environment.ts

3.2K2 0

将Spring Boot应用程序部署到Bluemix

在之前的博客文章中，我介绍了如何通过Swagger在Spring Boot应用程序中记录REST API。下面我将介绍如何将这些应用程序作为Docker容器部署到IBM Bluemix。...我将再次使用Spring REST示例作为例子。在Dockerfile（在项目根目录下）中，定义如何构建Docker镜像。...mvn package docker build -t gs-rest-service ....docker run --name gs-rest-service -p 80:8080 -d -t gs-rest-service 之后，您可以在我们的本地Docker环境中运行示例。...[在Bluemix上创建Docker容器组] 之后，您可以在Bluemix上运行您的REST API。

2.3K7 0

Angular CLI 简介

ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...先使用--aot: ng build --aot 使用aot之后可以看到 vendor.bundle的大小降了很多, 只有1.5m左右了....试试生产环境: ng build --prod 可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk...--proxy-config -pc 代理配置 --prod 在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod

6K11 0

将Spring Boot应用程序部署到Bluemix

在之前的博客文章中，我介绍了如何通过Swagger在Spring Boot应用程序中记录REST API。下面我将介绍如何将这些应用程序作为Docker容器部署到IBM Bluemix。...我会再次使用Spring REST示例作为例子。.../urandom","-jar","/app.jar"] 从根目录执行以下命令： mvn package docker build -t gs-rest-service ....registry.ng.bluemix.net/nheidloff/gs-rest-service docker push registry.ng.bluemix.net/nheidloff/gs-rest-service...之后，您可以在Bluemix上运行您的REST API： http://gs-rest-service-cg.mybluemix.net/greeting http://gs-rest-service-cg.mybluemix.net

2.4K9 0

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

文件 "tsconfig":"tsconfig.app.json", "prefix": "app", // 使用`ng generate`命令时，自动为selector元数据的值添加的前缀名...常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名，默认值：localhost.如果希望使用self来访问你的站点，须加入以上参数 2.ng serve...--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 使用教程指南参考

运行之后如果你修改了程序源代码.应用将会自动重载....将自动完成功能添加到ng命令的shell中 ng doc 命令描述 ng doc 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 命令描述 ng e2e 使用...这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录中。...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...默认为“gh-branch” --skip-build 在发布之前跳过构建项目 --gh-token= 用于部署的API令牌,必须.

3K5 0

Angular CLI 常用终端操作命令

该--routing选项还会生成与模块名称相同的默认组件。您可以在创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目，生成编译后的文件存放目录在项目根目录下 dist/ 目录下面关于...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 快速入门

创建 sf-lib 库 $ ng generate library sf-lib --prefix=sf 这里我们快速总结一下 ng generate library 命令执行的操作：在 angular.json...文件中添加 sf-lib 项目；在 package.json 文件中添加 ng-packagr 依赖；在 tsconfig.json 文件中添加 sf-lib 库的引用；在项目中的 projects...： $ 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 2 + 折腾记：(1)初识Angular-cli及脱坑要点

正式版的配置稍微有些改动，我比较了下基本不大，放心使用 ---- 安装之前 window下：安装lts版本的nodejs[6.10.0] ， Angular-cli中的node-sass不支持7.x，...(lts) nvm install --lts ：之后node怎么用就怎么用哈其次，linux下推荐用yarn替代npm，使用起来体验好很多，速度也快很多 # 下载公钥 curl -sS https...---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目，我这里说2+；脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件

1.8K1 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开头的命令都是二重封装的。。。

1401 0

将通过Node.js构建的API部署到IBM Bluemix

在我先前的文章中，我通过一个简单的hello world示例介绍了如何在Node.js应用程序中使用Swagger记录API。...下面我将演示如何把相同的示例通过Docker部署到Bluemix，以及在调用API时如何使用[API管理服务来强制执行客户端ID和密钥，使得API所有者可以监视其API的使用情况。...因为我不需要SSH，所以我使用一个较为简单的Dockerfile。) FROM registry.ng.bluemix.net/ibmnode:latest COPY ....创建一个Docker容器组并且在Bluemix上运行这个示例。 [swaggerdockernode.png] 之后，你可以在Bluemix上运行你的REST API。...在下一部分中，我将介绍如何在调用API时强制使用一个客户端ID和密钥，以便可以跟踪哪些应用程序调用的哪些API。

2.8K11 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 也是如此。...但是使用 ng build --prod 是正常的。同样地，使用 ng build --extract-license=false 也可以解决问题。...简单看一下，问题是由 license-webpack-plugin 插件引起的。这款插件用于输出第三方插件的许可协议。老外比较重视版权吧。但是不知道为什么总是在这个地方出问题。

1.4K2 0

使用CircleCI2.0持续集成Angular项目

每月构建时长1000分钟以内免费 (基本够用) 提供的构建环境配置2核CPU / 4G内存，(算是很慷慨了) 据测试如果是在1核1G的主机下执行npm run build很容易报内存不足有专门的配置文件来定义...具体实现 Angular项目根目录新建.circleci目录(注意以点开头)，然后在这个目录里面再新建config.yml文件下面是我正在使用的配置，具体语法可以见官方介绍 # Check https...：使用的Docker镜像是finleyma/circleci-nodejs-browser-awscli，这是我基于CircleCI的镜像又加入了awscli工具。...通过之后将打包的待发布的静态资源上传到AWS存储。还有配置文件里限制了分支，只有往daily-build分支上合并代码才会触发CircleCI的构建。..."build": "ng build --prod", "test": "ng test --configuration=testing", "ci-build": "node --max_old_space_size

8254 0

Angular2打包遇到的问题与解决方法(二）

http://www.jianshu.com/p/8943ff86349a 之前这篇是说了路径的问题这次是说准备部署时的打包首先还是基于这个 ng build --base-href /test.../dist/ 但这样打包出来的代码非常大，所以需要生产环境的打包 ng build --prod --base-href /test/dist/ --save 或者 ng build --prod...的问题开发时不会报错，但生产环境下打包就会报错。...还有类似item.a.b这种如果a是后来才创建的，也会报错，改成item.a['b']这种方式就可以解决。这些报错我的解决方式就是一个个对着去改，不知道还有没有什么更好的方法。...jquery/3.2.1/jquery.min.js"> 另外如果想在ts文件里使用jq的$符号或者类似的，需要在typings.d.ts文件里声明 declare var module

8570 0

发布 Angular 应用至生产环境

angular-cli 用起来虽然方便，但是针对生产环境编译的话，还是有一些地方要注意的，接下来就介绍我在项目部署时的一些做法。...针对这种情况，通常还需要对编译生成的 js 文件进行 gzip 压缩，因此在执行 ng build --prod 编译之后，再继续执行下面的 shell 命令： find dist -name "...，这样在客户端请求 .js 文件时， nginx 会先检查一下是否存在对应的 .js.gz文件，如果存在的话，就直接返回 .js.gz 文件的内容，从而省去了在服务端进行压缩的过程，节省服务器的资源...) 的问题，一般的反向代理配置如下： location /api { proxy_pass http://api-server:8080/api; proxy_read_timeout...这几点都是在项目中积累的一些小技巧，如果想要了解细节，请查看这个 ng-seed 项目。

1K5 0

restapi（8）- restapi-sql：用户自主的服务

我的解决方案是通过一个restapi服务作为两个系统的数据桥梁，这个restapi的最基本要求是： 1、支持任何操作系统前端：这个没什么问题，在http层上通过json交换数据 2、能读写mongodb...这是个jar，在sbt里称作unmanagedjar，不能摆在build.sbt的dependency里。...这个需要摆在项目根目录下的lib目录下即可（也可以在放在build.sbt里unmanagedBase :=?? 指定的路径下）。...然后是数据库连接，下面是可以使用sqlserver的application.conf配置文件内容： # JDBC settings prod { db { h2 { driver...'crmdb) ConfigDBsWithEnv("prod").loadGlobalSettings() 这段打开了在配置文件中用termtxns,crmdb注明的数据库。

1.4K1 0

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

用户会认为着陆页几乎是立即出现的，而当完整的应用加载完之后，又可以获得完全的交互体验。...在 package.json 的 scripts 区配置 build 和 serve 有关的命令： { "scripts": { "ng": "ng", "start...run build:prerender && npm run serve:prerender", "build": "ng build", "build:client-and-server-bundles...": "ng build --prod && ng build --prod --app 1 --output-hashing=false", "build:prerender": "npm...在 app.module.ts 中导入之后，Angular自动会将服务端请求缓存到客户端，换句话说就是服务端请求到数据会自动传输到客户端，客户端接收到数据之后就不会再发送请求了。

4.7K10 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭