ibcadmin 发表于 2019-9-12 10:01:12

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
-- sudo apt-get install nginx过程会让选一个Y同意占用内存。
3.假如出现无法定位nginx包,举行如下操纵:
-- sudo apt-get update4.更新完成之后,安装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
页: [1]
查看完整版本: ionic项目打包+部署