Angular部署到windows上
1. 确保已经打开了IIS服务。
如果没有打开可参考 http://jingyan.baidu.com/article/eb9f7b6d9e73d1869364e8d8.html
2. 编译angular程序 ng build --prod --aot.
编译后项目中会出现dist文件夹
3. 在IIS中添加网站
4. 将编译后的dist文件夹添加到网站中
5. 安装URL Rewrite Module
因為Angular無刷新的特性,所以瀏覽器地址欄上的網址其實不會真實映射到磁盤的特定位置,所以我們需要安裝
下载地址: https://www.microsoft.com/en-us/download/details.aspx?id=47337 <https://www.microsoft.com/en-us/download/details.aspx?id=47337>
6. 新建web.config文件。内容如下
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="AngularJS" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/project" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
7. 如果项目中有资源文件 需要将资源文件拷入到dist中
8. 设置dist文件夹的权限 最简单的可以设置为以下
*转载请附出处
最新文章
- C\C++ 1A2B小游戏源码
- composer 一些使用说明
- js基础篇——encodeURI 和encodeURIComponent
- easyUI文本框textbox笔记
- php变量的判空和类型判断
- J2EE开发常用开源框架技术(转)
- angular中的orderBy过滤器使用
- HTML5文件拖拽
- 安卓模拟器还是";genymotion";最靠谱.
- POJ1258-Agri-Net-ACM
- thinkphp微信开发之jssdk图片上传并下载到本地服务器
- 一个简单的游标删除SQL SERVER表
- php与微信基础的学习
- 别只用hive写sql -- hive的更多技能
- 【BZOJ4650】【NOI2016】优秀的拆分(后缀数组)
- go http
- CentOS 7 上安装vim(默认未安装)
- form转化json
- Nginx HTTP 过滤addition模块(响应前后追加数据)
- ecshop中smarty最常用的6大基本语法