开发 - 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 ...