开发 - Nginx 自定义错误页面
打开配置文件，找到你想自定义错误页面的location块：
1234location / { error_page 404 /404.html; # 其它配置}
确保你有404.html这一文件，如果还想捕捉更多错误，可以这样写：
1error_page 404 403 500 /error.html;
这样就完成了，不用再看经典的Nginx默认错误页面了。
学习 - 原生 JS 实现哈希路由
源码
使用Codepen在线体验和查看源码。
页面代码
在我们用前端框架的时候，经常用到路由技术，就是在地址栏确实发生了变化但是页面没有刷新，那么本文就介绍通过更改哈希的方式实现这样一种路由，下面是页面代码：
123456789<h1>Hash Router</h1><div> <a href="#/">Home</a ...
学习 - WebSocket 简单应用
简介
如果想要实现实时与服务器连接，一个简单的方法如下：
123setInterval(() => { ajax()}, 5000)
通过这种方式可以达到不断刷新的目的，但是它存在着诸多弊端：
如果没有新的内容的话，反复请求同一内容浪费流量。
如果有新的内容，用户无法第一时间得到，需要等待下一次定时器被调用。
所有出现了WebSocket这种技术，它可以实现服务 ...
开发 - Nginx 处理静态资源缓存问题
配置
说来简单，就是在Nginx里面这样写：
1234location / { add_header Cache-Control no-cache; # 其它的配置}
这里的no-cache和no-store呈现效果相似，区别在下面。
no-cache
no-cache，被称为协商缓存，也就是会查一下服务器的资源和缓存资源是否相同，如果是就用缓存，不是就会重新获取。 ...
开发 - Nginx 配置 HTTPS 证书
确保打开443端口
以阿里云为例，来到控制台打开实例界面，然后点击配置安全组规则：
随后点击配置规则：
开放443端口：
我就是这里没打开，导致后面死活不成功。
用Certbot生成证书
去到官网。我这里把在Ubuntu18的Nginx安装的步骤抄了一遍。
安装snapd：
1sudo apt install snapd
确保你版本最新（我认为这一步可以跳过，不过他都 ...
开发 - 浅谈 Nginx 反向代理
先来点轻松的
献上一张图：
不要在乎这水印叠杀人书，我实在是找不到原图了。
介绍
反向代理在电脑网络中是代理服务器的一种。服务器根据客户端的请求，从其关系的一组或多组后端服务器(如Web服务器)上获取资源，然后再将这些资源返回给客户端，客户端只会得知反向代理的IP地址，而不知道在代理服务器后面的服务器集群的存在。
来源: 维基百科
说人话，就是反向代理是后端之间的通信，前端看不着。
这样的好 ...
开发 - Nginx 部署 Vue 项目
用Vue开发时，经常配置这样的代理服务器（这里展示Vite的配置项）：
123456789101112{ server: { port: 80, proxy: { '/api': { target: 'http://127.0.0.1:8084 ...
开发 - 记一次JSON和ts-node的坑
首先列出目录结构：
1234example/ config.ts config.json app.ts
config.ts
12345import fs from 'fs'const conf = JSON.parse(fs.readFileSync('config.json', 'utf-8'))export const foo = c ...
开发 - 关于 unplugin-vue-components 代码提示问题
今天第一次体验unplugin-vue-components，遇到了代码提示的问题(VS Code)，如下：
这里明显是由于Volar插件没有解析到RouterLink是何方神圣导致的。当然这不是Volar的问题，只是我没有配置好。
解决方案
其实作者本人在Readme.md里已经提示过这个问题了，只是我没有仔细去看。
那么问题就基本上解决了。上面已经说了如果说typescript(应该指的是 ...
开发 - 记一次前端多语言配置
Dataset
首先介绍一下向标签中添加自定义数据的方法。
可以通过添加data-foo属性在HTML的标签上，如：
1<div id="id" data-foo="bar"></div>
然后就可以在JS里通过DOM.dataset.foo获取到属性的内容了：
123const dom = document.getElementBy ...