黑马程序员技术交流社区

标题: 【上海校区】ionic项目打包+部署 [打印本页]

作者: 梦缠绕的时候 时间: 2019-9-11 13:13
标题: 【上海校区】ionic项目打包+部署

环境：

1、ionic

2、angular-cli

开发

1、CTRL C + CTRL V

2、图片路径的问题

使用‘assets/xxxxx.jpg’,而不使用‘../../assets/xxxxx.jpg’，因为打包后的目录如下：

服务器上图片会报404错误。

3、打包问题

打包命令： ionic build 打包完成后发现大小30M，我的妈呀，这肯定不行

生产版本：ionic bulid --prod 大小减少很多

4、打包完成之后，可以先本地跑一下，nginx for windows不错的选择

打包完成的文件全部拖到niginx/html 目录下

点击nginx.exe启动服务

然后打开网页访问localhost看看。

5、但是刷新页面会404，至于什么原因网上可以查阅到。

解决：

app.module.ts 替换

import { LocationStrategy, HashLocationStrategy } from '@angular/common';
providers: [
StatusBar,
SplashScreen,
{ provide: LocationStrategy, useClass: HashLocationStrategy}
],
这样开发的功能基本算是完成了，就可以进行部署了。

部署
1、安装nginx
-- cat /proc/version 查看系统 ubuntu