vue-element-admin 请问如何在mock-server.js中设断点调试？

agyaoht7 于 3个月前发布在其他

关注(0)|答案(8)|浏览(42)

请问在mock-server模式下，如何进入mock-server.js或者相关的mock api文件设置断电调试？我在chrome devtools中没有找到mock文件夹下面的代码

vue-element-admin

来源：https://github.com/PanJiaChen/vue-element-admin/issues/3670

8条答案

按热度按时间

lyfkaqu11#

可以直接在vscode里面断点 , 配置.vscode文件launch.json，

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "86.0.4240.198",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "runtimeExecutable": "npm",
            "runtimeArgs": [
                "run-script",
                "serve"
            ]
        }
    ]
}
```, 然后去到mock-server相关文件打上断点，启动调试运行就行了

赞(0）回复(0）举报 3个月前

zengzsys2#

可以直接在vscode里面断点 , 配置.vscode文件launch.json，

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "86.0.4240.198",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "runtimeExecutable": "npm",
            "runtimeArgs": [
                "run-script",
                "serve"
            ]
        }
    ]
}
```, 然后去到mock-server相关文件打上断点，启动调试运行就行了

请问具体怎么操作啊，按我的理解，执行npm run dev后 mock-server.js自动就开始执行了，你说的启动调试运行是什么意思

赞(0）回复(0）举报 3个月前

qv7cva1a3#