关注“希里安”,get更多有用干货!
## 近日见闻
1. 华为全球首发卫星通话,网速高达5G,很高端的样子,有没有买的朋友说说体验如何。
## kubepshere 强制修改密码
先放官网文档有关密码重置的地址:
代码语言:javascript复制https://www.kubesphere.io/zh/docs/v3.3/faq/access-control/forgot-password/
在 Host 集群执行以下命令修改指定帐户的密码:
代码语言:javascript复制```
kubectl patch users <USERNAME> -p '{"spec":{"password":"<YOURPASSWORD>"}}' --type='merge' && kubectl annotate users <USERNAME> iam.kubesphere.io/password-encrypted-
```
注意:
请将命令中的 <USERNAME> 修改为实际的用户名,将 <YOURPASSWORD> 修改为实际的新密码。
## nginx规则
location精确匹配 vs 前缀匹配:
/api:这是一个精确匹配,只会匹配URL路径为/api的请求。
/api/:这是一个前缀匹配,会匹配所有以/api/开头的路径,包括/api/endpoint1、/api/endpoint2等。
斜杠结尾:
/api:由于没有斜杠结尾,Nginx不会自动添加斜杠,因此只匹配精确路径为/api的请求。
/api/:由于路径以斜杠结尾,Nginx会自动将斜杠添加到匹配中,因此会匹配以/api/开头的所有路径。
反向代理/:
在Nginx的反向代理配置中,URL路径的最后是否带有斜杠 / 可能会影响代理请求的行为,具体取决于后端服务器和反向代理配置的设置。下面是添加和不添加斜杠的情况的一些区别:
添加斜杠 /:
如果在反向代理配置中的 proxy_pass 后面的 URL 路径以斜杠 / 结尾,例如 proxy_pass http://backend-server/,那么代理请求的路径将被保留。这意味着,代理请求的路径与客户端请求的路径保持一致。例如,对于客户端请求 http://your-nginx-server/api/resource,代理请求将被发送至后端服务器的 http://backend-server/api/resource。
不添加斜杠 /:
如果在反向代理配置中的 proxy_pass 后面的 URL 路径不以斜杠 / 结尾,例如 proxy_pass http://backend-server,那么代理请求的路径将会从客户端请求的路径中去掉匹配的部分。这意味着,代理请求将会从后端服务器的根路径开始。例如,对于客户端请求 http://your-nginx-server/api/resource,代理请求将被发送至后端服务器的 http://backend-server/resource。
## 前端常用命令操作
昨天发的图片信息,再更改为文字版本:
创建项目和初始化:
代码语言:javascript复制创建一个新项目:npx create-react-app my-app (使用 React 作为示例)
进入项目目录:cd my-app
启动开发服务器:npm start 或 yarn start
依赖管理:
代码语言:javascript复制
安装依赖包:npm install 或 yarn
安装特定依赖:npm install package-name 或 yarn add package-name
安装开发依赖:npm install --save-dev package-name 或 yarn add --dev package-name
更新依赖包:npm update 或 yarn upgrade
删除依赖包:npm uninstall package-name 或 yarn remove package-name
构建和编译:
代码语言:javascript复制构建项目:npm run build 或 yarn build
使用Webpack打包:webpack 或根据配置文件 webpack.config.js
使用Babel编译:npx babel src --out-dir dist
版本控制:
代码语言:javascript复制初始化Git仓库:git init
添加文件到暂存区:git add .
提交更改:git commit -m "Commit message"
推送到远程仓库:git push origin branch-name
测试:
代码语言:javascript复制运行单元测试:npm test 或 yarn test
使用Jest进行测试:npx jest
使用Cypress进行端到端测试:npx cypress open
调试:
代码语言:javascript复制使用开发者工具调试浏览器中的代码:F12 或 Ctrl Shift I
在代码中插入 debugger 关键字以设置断点
代码质量:
代码语言:javascript复制代码格式化:npm run format 或 yarn format
代码静态分析:npm run lint 或 yarn lint
包管理和打包:
代码语言:javascript复制使用npm发布包:npm publish
使用Webpack打包:npx webpack
使用Parcel打包:npx parcel build index.html
跨浏览器测试:
代码语言:javascript复制使用工具(如BrowserStack、Sauce Labs)进行跨浏览器和设备测试
部署:
代码语言:javascript复制部署到GitHub Pages:npm run deploy 或 yarn deploy
使用其他云服务(如Netlify、Vercel)进行部署
其他:
代码语言:javascript复制查看npm包信息:npm info package-name 或 yarn info package-name
查看已安装的npm包列表:npm list 或 yarn list
清除缓存:npm cache clean 或 yarn cache clean