admin 发布于 11月16, 2018

nginx的记录(4)

背景:同事之前用的是nginx配置的后端,然后前端略微复杂一些,有backbone的,也有react的。react的用了webpack-dev-server。他希望能快速地打通这一条线,所以我给他的建议还是用nginx来转发服务。

就是nginx起到两个作用:

  • 转发页面请求到node(webpack-dev-server)
  • 转发API请求到java
server {
    listen       80;
    server_name  localhost;

    location / {
        root   html;
        index  index.html index.htm;
    }

    location /manage {
        proxy_pass   http://127.0.0.1:9008;
        proxy_redirect              off;
        proxy_set_header            Host $host;
        proxy_set_header            X-Real-IP $remote_addr;
        proxy_set_header            X-Forwarded-For $proxy_add_x_forwarded_for;
    } 
}

比如9008是我们开的node服务。那么这样的URL:http://localhost/manage/index.html,会转发变成http://localhost:9008/manage/index.html

问题来了,webpack-dever-server一般不会有manage这一层的,一般都是http://localhost:9008/index.html。所以要怎么干掉呢?

问了一下相关大神,只要这样配即可:

proxy_pass   http://127.0.0.1:9008/;

在URL后面加个/,它就会取最后的路径,不会带上manage了。

阅读全文 »

admin 发布于 11月02, 2018

前端crypto使用

昨天接到一个需求,是要接入三方的生僻字输入法API。和其他的三方接口相同,同样是先要请求token,然后得到的结果是一串加密的字符串。需要前端这边解密,当然文档告诉了你怎么解密。拿我这个来举例:

数据采用AES加密,加密模式为CBC,填充pkcs5padding,数据块128位,字符集为utf8,输出base64数据。
私钥:key的前16位
偏移量:key的后16位

有一个验证的网站:在线AES加密解密、AES在线加密解密、AES encryption and decryption

阅读全文 »

admin 发布于 10月28, 2018

webpack img图片处理

先说个其他的事,昨天晚上翻之前的博客,发现七牛有些图片用不了,查了一下才知道它的测试域名会过期。。。真是日了狗了,不知道有没有办法说每个月支付点钱,能一直使用,MS没有找到这种入口。最蛋疼的是我的这个域名是不需要备案,它就必须要提供备案通过的域名。

哎~~我MS有80来张图,是放在七牛上面的,到时候得想个方案搞下来了,想想真TM忧伤,对七牛无感了。

阅读全文 »

admin 发布于 09月25, 2018

footer始终居于底部的css方案

footer始终居于底部,这个其实还是比较容易的。。做法无非是body相对定位(搞一个最小高度100%),footer绝对定位。

好像没什么问题,然而比如页面做了一个弹出层,这时候footer会发生抖动,原因就是footer绝对定位,且给了一个宽度100%。

要解决也容易,就是给footer的模块,加两个监听事件:scrollOpenscrollClose。在open的时候,将它的宽度用100%减去滚动条的宽度,close的时候设置回来即可。

阅读全文 »