项目通常都是部署在根目录，但是如果要部署在非根目录，例如 https://www.aaa.com/xxx/
要改三个地方，把目录名带上。
vite.config.js
export default defineConfig({
base: ‘/xxx/’,
…
})
router 文件
const router = createRouter({
history: createWebHistory(‘/xxx/’),
…
})
nginx 加一段配置（解决页面刷新报错的问题）
注意：root 路径改成自己服务器的真实路径
location ^~ /xxx/ {
root /opt/app/nginx;
index index.html index.htm;
try_files $uri Suri/ /xxx/index.html;
break;
}
由于历史原因，接口有点混乱，有的是开发环境和生产环境共用，有的有区分，被逼出了这么个解决方案，看上去不会出错了。
// 环境判断
const isProdEnv = xxxxxxx// 域名列表
const server = ‘https://server.xxx.chat/’
const test = ‘https://test.xxx.chat/’
const www = ‘https://www.xxx.chat/’
const wx = ‘https://wx.xxx.chat/’
const api = ‘https://api.xxx.chat/’export const baseUrls = {
basic: isProdEnv ? server : test,
login: isProdEnv ? www : www,
scene: isProdEnv ? www : wx,
message: isProdEnv ? server : server,
redirect: isProdEnv ? www : test,
pay: isProdEnv ? api : api,
socket: isProdEnv ? www : www,
}
简单整理了一份《前端编码约定》，这是其中一条：
组件思想
参考：https://cn.vuejs.org/guide/essentials/component-basics.html页面入口文件是一个集合组件的文件，不要直接在入口文件写业务代码。
即：进入一个页面，首先看到的是一棵树，然后才能看清它的树枝 (component) 和树叶 (children)，而不是一开始就掉进树里，看不清方向。
今天折腾这玩意，从复杂到简单，最后发现只要这几行就能解决，效果还十分优雅。
css
.progress-circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
html
const progressStyle = `background: conic-gradient(#fff ${progress}%, rgba(0, 0, 0, 0.3) 0%)`
<View className=”progress-circle” style={progressStyle} />
${progress} 是变量，0 到 100。
发现这样换行组织语句，可读性还蛮好的，排错也容易。
有老司机带的感觉，真好。
这两天 get 新知识。
以前的后端技能半桶水不到，现在有半桶水了。
借助 mysql2，小程序云函数轻松连接 mysql.
前两天弃坑了，打算还是自己搞 UI，于是就想看看人家的写法，借鉴一下。
看了之后果然收获不小。把 api、utils 都集中放在 index 去 export，开发、维护、调用都好方便。
今天使用 WebView，报这个错：
Template `tmpl_0_67` not found
前几天也有遇到类似问题，添加这段配置可以解决：
compiler: {
type: ‘webpack5′,
prebundle: {
exclude: ['taro-ui']
}
}
而 WebView 这个问题，社区连 issue 都搜不到。TaroUI 开发交流群也比较冷清。
Taro 在维护，而 TaroUI 看起来已经被抛弃，导致不兼容。
还好早发现，没陷太深。果断弃坑。
三四年没有碰 npm，发现 cnpm 几年前就改了域名，原来的已经不能再使用。
不知道咋回事，npm 和 cnpm 都用不了，重装 node 和升级 node 都没用，单独升级 npm 也升级不了。
最后发现重装 cnpm 就行了。
不过直接 install cnpm 也不行，安装失败，需要先 uninstall，然后再 install.
这坑，必须 mark 一下。
npm uninstall -g cnpm
npm install -g cnpm –registry=https://registry.npmmirror.com
