lookBackward的博客

前端npm install一直报错超时，连接不上某地址

lookBackward — Tue, 23 Jan 2024 09:47:30 +0800

1.改成淘宝镜像：npm config set registry https://registry.npm.taobao.org。2.将strict-ssl设置为false即可：npm config set strict-ssl false。配置后可通过下面方式来验证是否成功：npm config get registry。3.再npm install 超级快。

linux centos 下nginx版本升级

lookBackward — Sun, 31 Jul 2022 09:41:09 +0800

linux centos下 nginx版本升级

AES加密解密（前端）

lookBackward — Fri, 19 Nov 2021 13:39:44 +0800

安装crypto-js插件：npm install crypto-js const CryptoJS = require('crypto-js') // const key = CryptoJS.enc.Utf8.parse('abcdefgabcdefg12') // 十六位十六进制数作为密钥 /* 加密 * @param word * @returns {*} */ // function encrypt(word) { // // var iv = CryptoJS.lib.WordArr

RSA2048签名和加密+OAEP填充方式（前端）

lookBackward — Fri, 19 Nov 2021 13:34:36 +0800

安装jsrsasign 插件: npm install jsrsasign jsrsasign-util import jsrsasign from 'jsrsasign' // RSA 位数，这里要跟后端对应 // var bits = 1024; var bits = 2048 // var rsaKeypair = jsrsasign.KEYUTIL.generateKeypair('RSA', bits) var rsaKeypair = null var keyPairs = {} ex.

docker容器化部署nginx前端项目

lookBackward — Fri, 19 Nov 2021 11:41:07 +0800

根据博客https://www.cnblogs.com/myzony/p/9071210.html先安装docker容器。执行docker pull nginx，拉取最新的nginx镜像。执行docker images 查看镜像是否拉取成功。执行docker run -d -p 80:80 --name nginx-sgcc_web \ -v /home/nginx/www:/usr/share/nginx/html \ -v /home/nginx/conf/nginx.conf:/e...

提升vue项目编译速度

lookBackward — Sun, 14 Nov 2021 10:06:43 +0800

当编译项目时，需要花费很长时间，会在75%左右卡顿，每次稍微改一点东西都要等上好一会儿，真的很浪费前端开发人员的时间。解决办法：安装babel-plugin-dynamic-import-node插件， npm install babel-plugin-dynamic-import-node 公司是vue-cli2项目：在.babelrc文件里添加配置dynamic-import-node { "presets": [ ["env", { "modules": .

nginx.conf配置文件做各种拦截

lookBackward — Thu, 14 Oct 2021 15:59:14 +0800

负负线损线损一、未按抄表例日抄表或抄表不同步。负线损,即统计周期内线路售电端电量统计值大于供电端电量的非正常现象.这是线损问题中极为特殊的一类,也是严重影响电力公司管理工作的问题之一,高,低压供电系统的负线损现象会影响供电企业正常的供电服务。电力线路导至负线损的原因有哪些？一、未按抄表例日抄表或抄表不同步。二、有外电源引入。三、总表或用户表出现故障。四、总表互感器变比错误。五、大型用户互器变比错误。 ...

nginx配置禁用除GET|POST之外的方法。

lookBackward — Wed, 19 May 2021 10:13:46 +0800

在nginx.conf文件内server里面配置如下： server { ...... if ($request_method !~* GET|POST) { return 403; } ....... }

nginx禁止浏览器直接打开webpack打包后的js文件

lookBackward — Wed, 19 May 2021 09:44:23 +0800

应公司安全测试要求，webpack打包后的js文件不能直接在浏览器打开。解决方法：通过nginx配置文件过滤，跳转到403页面，代码如下： location / { set $flag 0; if ($request_uri ~ ".js" ){ set $flag "${flag}1"; } if ($http_referer = ''){ set $flag "${flag}1"; } if ($flag = "011"){ return

离线部署nginx到redhat/centos，从安装环境到部署dist包全家桶(附带生成自签名SSL证书)

lookBackward — Tue, 02 Mar 2021 18:59:39 +0800

一、准备nginx环境先检查gcc、PCRE 、zlib、openssl、nginx是否已经安装。 gcc version rpm -qa pcre yum list installed | grep zlib* rpm -qa openssl rpm -qa | grep nginx 以上如果安装了，会显示版本号。Redhat6.8系统中除了nginx外，其他都是已经安装好了的。下面是离线安装编译nginx的步骤，附带nginx1.15.4的安装包（安装包上传不了）。 ...

el-dialog实现拖拽移动

lookBackward — Thu, 04 Feb 2021 10:51:00 +0800

首先声明博客参考来源：https://blog.youkuaiyun.com/kw269937519/article/details/107839132 实现原理：利用vue创造一个自定义指令，绑定到需要拖拽移动的el-dialog组件上，在自定义指令中处理弹窗拖拽。 1.utils文件夹下创建dialog-directive.js文件 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽 Vue.directive('dialogDrag', { b...

linux系统使用openssl生成自签名SSL证书并配置到nginx(生成伪https)

lookBackward — Tue, 02 Feb 2021 19:37:27 +0800

申明本文转载自：https://www.cnblogs.com/007sx/p/12583675.html 检查OpenSSL 检查是否已经安装openssl： openssl version 一般在CentOS7上，openssl已经默认安装好了。生成自签名的SSL证书和私钥第一步：生成私钥新建/etc/ssl/certs/www.ffcc.com目录并进入，后执行命令： openssl genrsa -des3 -out server.key 2048 输入一个4位以上的密码

前端项目首次部署配置nginx反向代理

lookBackward — Fri, 29 Jan 2021 10:28:45 +0800

公司服务器是linux的cenos版本。第一步：安装配置nginx环境，具体参见https://www.cnblogs.com/boonya/p/7907999.html 。注意：因为公司有用https接口，在编译之前，配置的时候需要添加ssl模块，加入代码如下： ./configure --prefix=/usr/local/nginx --with-http_ssl_module 因为一开始没装ssl模块导致无法支持代理后端协议为https的请求，解决方法的博客参考：http://ww..

echarts地图文字重叠解决方法

lookBackward — Mon, 08 Jun 2020 10:10:27 +0800

地图太小，文字重叠。产品要求文字不能重叠。找到地图json文件，修改如下: cp属性的坐标决定了文字摆放的位置。 "properties": { "name": "海曙区", "cp": [121.511595,29.829419] }, ...

chrome 80+ SameSite属性

lookBackward — Sat, 21 Mar 2020 18:46:35 +0800

周末空挡，整理下公司CAS单点登录出现的问题，搭个环境验证下想法。起因：一直在用的项目，忽然相继出现iframe嵌套的第三方页面跳出CAS登录页面。排查发现是项目存储的cookie属性TGC在跳转的时候消失了。思路1：网上查找资料发现：chrome 80于2020.2.27发布，强制启用SameSite属性（Cookie 的SameSite属性用来限制第三方 Cookie），默...

IOS中el-table切换值之后，字体忽然变大。

lookBackward — Fri, 28 Feb 2020 10:53:03 +0800

el-table在其他浏览器都正常，在IOS就发生变异。后来看了一些博客，下面的代码完美解决了问题： // 使表格兼容safari，不发生错乱 table { width: 100% !important; } ...

微信小程序 webview嵌入页面，IOS访问后台接口204，安卓正常。

lookBackward — Fri, 28 Feb 2020 10:25:05 +0800

小程序 webview嵌入页面IOS访问后台接口返回状态码204，安卓是正常的。后台在确认IOS发请求有问题而安卓没问题之后就不管了，可怜我个小前端啊。解决过程：配置了一个反向代理,修改了下User-Agent ，请求成功了。代码如下： proxy_set_header User-Agent "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleW...

safari苹果不支持修改滚动条

lookBackward — Fri, 28 Feb 2020 10:04:13 +0800

在用element UI el-table时想修改滚动条样式，发现chrome可以修改，但是safari不生效。后台发现可以曲线救国。element-UI有个隐藏的标签：。上代码：

js访问xml之节点操作（转）

lookBackward — Thu, 12 Jul 2018 11:59:13 +0800

本文转自：https://blog.youkuaiyun.com/liwenxia626/article/details/78033998代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->获取元素值x=xmlDoc.getElementsByTagName...

普通页面导出和弹窗导出

lookBackward — Thu, 14 Jun 2018 17:02:29 +0800

1.普通页面导出到excel：用window.location.href="url" 与后台交互，后台返回流; 会在本页面底部生成保存提示。2.弹窗中导出到excel： 2.1:父页面在写弹窗时把window对象作为参数传递到子页面，子页面用var a=window.dialogArguments.xxx来获取父页面传递的window。然后用 a.location.href=...