Angular 4 打包并发布
来源:互联网 发布:海宁网络招聘 编辑:程序博客网 时间:2024/05/22 13:23
项目基于Angular CLI,一个命令行界面工具搭建
在项目开发完成之后,在打包发布地方遇到了问题,之前一直使用angularjs开发,至于新的Angular 4却是还未接触,这次的项目,选择了Angular 4,随之而来的便是一个跨越式的变化。
相比于angularjs直接引用文件发布而言,Angular 4的打包发布却是没有那么一清二白了
从官方文档中,了解到的是以nodejs环境发布,不过总感觉这种发布方式比较繁杂,于是在网上百般查询,终于找到一种简易的发布方式。
通过命令行
ng build --prod --aot
会生成dist文件夹,将dist文件夹中的文件,直接上传到服务器便可访问,
本以为这样子就可以了,但是很快就发现一个新的问题,通过域名,直接访问,无论进入哪个路由页面,都没有问题,但是当刷新页面的时候,却是会返回一个404的错误页面,
错误的原因,应该是,路由解析错误的问题,
通过查询,找到一个解决方案,在服务器中添加一个重定向文件(.htaccess),即可,文件内容如下
RewriteEngine on# Don't rewrite files or directoriesRewriteCond %{REQUEST_FILENAME} -f [OR]RewriteCond %{REQUEST_FILENAME} -dRewriteRule ^ - [L]# Rewrite everything else to index.html to allow html5 state linksRewriteRule ^ index.html [L]
阅读全文
0 0
- Angular 4 打包并发布
- 【Angular】——封装并发布组件
- sqlite 打包app并发布
- Qt打包程序并发布
- java项目打包并发布
- vs打包asp.net网站并发布
- red5源码编译并打包发布
- red5源码编译并打包发布
- Android打包并发布自己的App
- iOS自动打包并发布脚本
- iOS自动打包并发布脚本
- 打包并发布自己的Android APP
- iOS自动打包并发布脚本
- iOS自动打包并发布脚本
- ios 自动打包并发布脚步方法:
- 自动打包并发布脚步方法
- iOS自动打包并发布脚本
- iOS自动打包并发布IPA脚本
- RecyclerView EditText 数据错乱问题
- oracle Extract 函数
- Eclipse远程调试Tomcat
- linux统计当前目录下有多少文件
- [Python/发QQ邮件]
- Angular 4 打包并发布
- SDUT-1466 双向队列
- 《Redis官方文档》Redis集群教程
- PHP 7.1.7安装Zabbix 3.2.1出现问题解决
- change from default to alternative Python version on Linux
- pandas-matplotlib 画图初级教程。
- android 获取应用程序包名,图标,入口Activity类
- CentOS-6.3安装使用MongoDB
- 1.4抽象数据类型和数据结构