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

分清楚系统之后就可以安装nginx了。
2.apt-get

1. -- sudo apt-get install nginx

复制代码

过程会让选一个Y同意占用内存。
3.假如出现无法定位nginx包，举行如下操纵：

1. -- sudo apt-get update

复制代码

4.更新完成之后，安装nginx
　-- sudo apt-get install nginx
5、设置conf
安装完成后的目次是 /etc/nginx

进入conf.d

新建一个文件作为设置文件,名字随意，我已经新建好了，看一下文件内容参考一下即可

几个修改的地方，默认的端口号；访问的名字ip/域名； 指向的文件目次，试一下就知道了。
服务器差异可能还须要开端口权限，防火墙等。
访问乐成：

来源：https://www.cnblogs.com/shuangzikun/archive/2019/09/11/taotao_ionic_build.html