工具
汇聚开发工具相关疑问，解答工具选型、实战用法与工作流优化中的各类效率问题。
-
1
回答
44浏览
Postman变量怎么在请求体里用？
我在Postman里设置了环境变量token，但在请求体里引用的时候总是报错。 比如我这样写：{{token}}，结果发出去的请求里还是原样字符串，没替换成实际值。是不是只能在Headers里用变量？...
-
2
回答
37浏览
git archive 打包时怎么排除 node_modules？
我用 git archive 打了个压缩包，结果发现把 node_modules 也打包进去了，明明它在 .gitignore 里啊？是不是 archive 不读 .gitignore？ 我试过直接运...
-
1
回答
33浏览
Prettier 格式化时该选哪个 Parser？
我在用 Prettier 格式化一个 .vue 文件，但控制台提示“Parser not found”。我试过在配置里指定 parser 为 vue，但好像不对？官方文档说会自动识别，可我的项目就是不...
-
1
回答
34浏览
postcss-mixins 在 Vue 项目里怎么用？总是报 mixin 未定义
我在 Vue3 + Vite 项目里装了 postcss 和 postcss-mixins，也配好了插件，但写 mixin 的时候一直提示找不到。是不是语法不对？ 我试过在 style 里直接写 @d...
-
2
回答
32浏览
Storybook 快照测试为啥不更新 Vue 组件的 DOM 结构？
我用 Storybook 写了个按钮组件的快照测试，但改了模板结构后快照没变，是不是哪里配错了？ 我已经在 story 里用了 render 函数，也跑过 test:watch，但生成的 snapsh...
-
1
回答
58浏览
Figma导出的CSS代码为什么和设计效果不一致？
我在Figma里做了一个按钮，导出成CSS后粘贴到项目里，颜色和间距都对不上，明明Figma里看着很完美。我试过检查单位、字体、盒模型，但还是有问题。 这是Figma自动生成的CSS代码： .butt...
-
2
回答
38浏览
Elements面板里为什么看不到我React组件的DOM结构？
我在开发一个React应用，发现Chrome DevTools的Elements面板里只显示，里面的内容全是空的，根本看不到我写的组件生成的DOM。明明页面上是正常渲染出来的，但Elements里就是...
-
2
回答
29浏览
Charles录制时为什么抓不到本地localhost的请求？
我在用 Charles 做接口调试，开启 Recording 之后发现访问 localhost:3000 的请求完全没被记录到，但手机上的请求却能正常抓包。 我已经确认了代理设置正确，浏览器也走了 C...
-
1
回答
58浏览
Figma原型交互中如何实现点击按钮跳转到不同页面？
我在Figma里做原型时，想让一个按钮点击后跳转到另一个页面，但设置交互动作时只能选“Navigate to”然后选画板，没法直接跳到其他页面的画板，这要怎么搞？ 我试过把所有页面都放在同一个页面里用...
-
2
回答
38浏览
Lighthouse 报告中 TTI 过高，如何优化？
最近用 Lighthouse 测了一个页面，TTI（Time to Interactive）居然有 8 秒多，明明首屏内容加载挺快的，交互延迟怎么会这么高？我试过删掉一些非关键 JS，但效果不明显。 ...
-
2
回答
29浏览
Nginx 配置了安全头，但前端 React 应用还是被 XSS 攻击了怎么办？
我在 Nginx 里加了 Content-Security-Policy、X-Frame-Options 这些安全头，但线上 React 应用还是收到了 XSS 报警。是不是我配置错了？或者前端代码本...
-
2
回答
26浏览
Nginx重写规则不生效，路径总是404怎么办？
我用Nginx部署了一个前端项目，想把所有非静态资源的请求都重写到index.html，但配置了rewrite后刷新页面还是404。 我试过在location里加rewrite ^(.*)$ /ind...
-
2
回答
48浏览
ESLint 插件安装后为什么规则不生效？
我最近在项目里装了一个 ESLint 插件 eslint-plugin-react-hooks，也按文档在 .eslintrc.js 里配置了 rules，但写代码时根本没触发对应的检查。比如我故意把...
-
1
回答
35浏览
ESLint 插件为啥不识别 React 的 JSX 语法？
我装了 eslint-plugin-react，也配了 plugin 和 extends，但写 JSX 还是报错，说 Unexpected token '<'，这到底咋回事？ 我的组件...
-
1
回答
41浏览
PostCSS 处理媒体查询时为啥没生效？
我用 PostCSS 的 autoprefixer 插件处理 CSS，但写好的媒体查询在编译后完全没变化，也没报错，是不是我配置漏了啥？ 我的 CSS 里写了类似这样的代码：@media (max-w...
-
2
回答
30浏览
Babel插件没生效，箭头函数还是没转成普通函数？
我在项目里配了@babel/plugin-transform-arrow-functions，但打包后的代码里箭头函数还是原样保留，根本没转换。是不是我插件配置写错了？ 我的Babel配置是这样的： ...
-
2
回答
44浏览
Nginx 配置安全加固后网站打不开怎么办？
我按照网上教程给 Nginx 做了安全加固，加了一些 header 和限制，结果一 reload 服务，前端页面就完全打不开了，浏览器报 502 或空白。我只改了 server 块里的配置，没动其他地...
-
2
回答
26浏览
ESLint 自定义规则怎么检测 CSS 中的 !important？
我想用 ESLint 写个自定义规则，禁止项目里出现 !important，但 ESLint 不是只处理 JS 吗？那怎么分析 CSS 文件里的内容？ 我试过在规则里读取文件路径，但拿到的都是 .js...
-
2
回答
44浏览
Prettier在CI中格式检查不通过，本地却没问题？
我在本地跑 prettier --check . 没问题，但推到GitHub Actions里就报错说格式不对，这到底啥情况？ 我用的是React项目，代码长这样： const Button = ({...
-
2
回答
34浏览
Nginx upstream配置后为什么请求没被转发到后端服务？
我用 Nginx 做反向代理，配了 upstream，但访问时一直报 502 Bad Gateway。本地后端服务明明是开着的，端口也监听正常。 我试过直接 curl 后端地址能拿到响应，但通过 Ng...
