Angular 10.x从打包到部署IIS上

最新推荐文章于 2022-04-12 10:07:10 发布
最新推荐文章于 2022-04-12 10:07:10 发布
阅读量630 收藏 1
点赞数
文章标签： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39439368/article/details/111478838
版权
本文介绍了如何将Angular 10.x应用打包并部署到IIS服务器。在部署过程中，遇到刷新页面导致的错误，解决办法是安装Microsoft URL重写模块2.0，并添加web.config配置文件。
摘要由CSDN通过智能技术生成

Angular10.x 从打包到部署IIS上

通过cmd命令行或者vsCode运行

ng build --prod

会产生一个dist目录，然后讲这个目录复制到IIS服务器，发现可以正常访问，但是一刷新链接到其他页面时会立马报错，这个时候就需要安装 Microsoft URL 重写模块 2.0
https://www.microsoft.com/zh-CN/download/confirmation.aspx?id=7435

在该网站目录下添加一个配置文件web.config，复制下边的内容到web.config

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <
最低0.47元/天 解锁文章
qq_39439368
关注
ASP.NET Core 2.0 + Angular7项目部署到Windows Server 2012 R2 IIS
weixin_39023338的博客
12-20 1195
一、ASP .NET Core 2.0部署到IIS 1. 部署之前确认宿主机的IIS是否安装了AspNetCoreModule模块，没有的话需要到官网下载。 下载地址：https://dotnet.microsoft.com/download#/runtime 2.安装好AspNetCoreModule模块之后需要运行两条命令启用模块，在管理员身份下进入cmd 3.开始发布ASP .NET ...
详解angular部署到iis出现404解决方案
10-18
主要介绍了详解angular部署到iis出现404解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
angular 在IIS部署运行
weixin_34216196的博客
11-24 627
1、首先，我是在VS中开发的angular 所以理论上直接复制程序到服务器，然后建立个站点就完成了，但实际还需要一些设置！呵呵~好坑 2、internet信息服务管理器，打开”MIME类型“。点击添加，扩展名写【.json】MIME类型写【application/x-javascript】，因为多语言需要用到json文件。 3、在Web.config中增加下面代码,因为在IIS中运行需要这个路...
[转]Angular4---部署---将Angular项目部署到IIS上
weixin_33756418的博客
09-16 410
本文转自：https://www.cnblogs.com/kingkangstudy/p/7699710.html Angular项目部署到一个IIS服务器上 1.安装URL rewrite组件： 网址：https://www.microsoft.com/en-us/download/details.aspx?id=47337 2.将angular项目打包生成项目ng build，将生成的...
在iis上部署 AngularJS
weixin_30757793的博客
08-01 484
1.下载Microsoft URL Rewrite Module 2.0 for IIS (x64)https://www.microsoft.com/en-us/download/details.aspx?id=47337 2.无脑安装 3.安装angular-cli npm install -g @angular-cli 如果打包报错,可以考虑重装一下 npm ...
Angular入门到精通系列教程（14）- Angular 编译打包 & Docker发布
Jack @ CSDN
01-29 7172
文章目录1. 概要2. 编译打包2.1. 基本打包命令2.2. 打包部署到二级目录3. Angular站点的发布3.1. web服务器发布3.2. 使用docker发布4. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: Visual Studio Code 1. 概要 当我们完成angular的开发后，如何部署到服务器呢？ 2. 编译打包 2.1. 基本打包命令 基于Angular CLI生成的A
Windows10或windows Server2012部署Angular项目-----将Angular项目部署到IIS上
qq_37746855的博客
04-12 2058
文章目录将angular项目打包安装windows IISWindows10配置安装windows IISwindows Server2012 配置安装IIS安装URL Rewrite Module在该网站目录下添加一个配置文件web.config，复制下边的内容到web.config设置文件夹权限在IIS上部署添加网站一些报错处理在唯一密钥属性“fileExtension”设置为“.json”时，无法添加类型为“mimeMap”的重复集合项 将angular项目打包 ng build 安装windows
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
10-19
test for angular and gulp and unit testing
angular 发布到iis
张峰的博客
08-22 1812
http://www.cnblogs.com/dennis0525/p/7631245.html
Angular-cli 10项目打包
Ruuush_B的博客
09-02 606
在搞完项目后，进行打包部署，但是不能直接ng build，需要修改几个地方。 在整个项目的index.html页面： 把 <base href="/"> 修改为 <base href=""/> app.module.ts文件： import {HashLocationStrategy, LocationStrategy} from'@angular/common'; ... ... providers:[{provide:LocationStrategy, useClass
Angular10配置webpack打包 「详细教程」
More_Action的博客
01-21 6328
对于 Angular 项目，推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。 但是有特殊的需求时就显然不是很灵活，比如想分割一些较大的打包文件、分析每个打包文件组成，自定义webpack一些参数的时候就发现无从下手。 对许多项目的常见依赖项是日期库moment.js 。 这包括使用语言环境的功能，但是，它大大增加了整体捆绑软件的大小。这些都是需要我们优化的地方。 一、ngx-build-plus 建立额外配置 这里推荐一个工具库ngx-build-plus，不需要改很多东西
Angular10.x 如何使用eCharts图表库
qq_39439368的博客
12-25 1205
首先，我们在项目中要安装echarts库，代码如下： npm install echarts --save npm install ngx-echarts --save 然后，一定要安装下面这个包，否则10.x版本会报这个错误的 （ERROR in The target entry-point “ngx-echarts” has missing dependencies: resize-observer-polyfill） npm install resize-observer-polyfill -
angular 8 发布 到IIS 部署问题
朱启平的网络日志
04-02 438
1.坑 没有IIS 这个是电脑自带的，没有启动可以启动，很简单，也不是主要问题。解决方法放在后面了。 最开始我对这个什么IIS傻傻不知道（可以忽视）。 坑2 启动的时候出各种问题。本来想写下去的没想到，这个编辑器太垃圾了了。 ...
如何带虚拟路径将Angular2项目部署至IIS及Nginx
Darion的博客
03-04 1229
如何带虚拟路径将Angular2项目部署至IIS及Nginx 一、不带路由发布至IIS 1、发布Angular项目 在src路径下添加web.config文件，内容如下： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;configuration&gt; &lt;system.webServer&gt; &lt;rewr...
Angular项目部署到一个IIS服务器上
Henry_Wu001的专栏
09-30 2190
refs: https://www.cnblogs.com/kingkangstudy/p/7699710.html https://blog.angularindepth.com/deploy-an-angular-application-to-iis-60a0897742e7?gi=8dd3c96d6f8   1.安装URL rewrite组件： 网址：https://www.mi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值