Angular 项目的首页打开速度很慢, 有时候会有几秒的加载时间如果在手机端访问的话, 怕是要等待十多秒, 这对用户体验很差下面参考 http://www.cnblogs.com/feiyu159/p/8473790.html 介绍一下我自己的 Angular 优化之旅
一静态图片加载:
项目中存在很多图片资源, 有的图片资源很大如果和项目放在一起的话, 项目启动时既要加载项目的 html,CSS 等静态文件, 对服务器的响应互有影响考虑把图片单独存放, 并使用 nginx 做映射当请求页面的图片时, css 和图片就从两个地方加载出来这个好像大多数大型的网站都有, 譬如百度官网地址: https://www.baidu.com, 如果查看项目的源代码就会发现, 百度首页的图片时放在 baidu.com 下边的一个子域名的文件夹下那就暂且尝试这样实现一下好了
1)创建图片资源的服务器
2)配置 nginx
- # 图片服务器 // 这是一个单独的 Server
- server {
- listen 80;
server_name 域名或 IP;
- location / {
- root D:/project/images; // 服务器上图片资源存放的位置
- autoindex on;
- }
- }
3)设置 nginx 的压缩
- // 这个一般在 nginx.conf 中进行配置,
- gzip on;
- gzip_min_length 1k;
- gzip_buffers 4 16k;
- gzip_comp_level 2;
- gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
- gzip_vary off;
- gzip_disable "MSIE [1-6]\."
- // 如果是微信跳转请求该组件, 会携带上 code 信息, 这个时候获取 code, 然后将这个 code 返回给后台, 让后台根据这个 code, 去获取 AccessToken 和 OpenId 的信息
- const code = route.queryParamMap.get('code');
- if (code) {
- alert('存在 code' + code);
- this.auth.getAccessTokenByWechat(code);
- this.auth.isLoggedIn = true;
- }
- return this.checkLogin(state.url);
来源: https://www.cnblogs.com/kingkangstudy/p/8601800.html