chrome调试

Vscode调试Chrome程序

1.安装扩展

2.添加配置文件

在项目路径下添加配置文件

然后在 VS Code 中新建一个文件 .vscode/launch.json，填入这些内容：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "pwa-chrome",
      "request": "launch",
      "name": "Launch Vue project",
      // 这里填入项目的访问地址
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    },
  ]
}

3.启动项目并调试

npm run dev

启动后按F5启动调试

4.遇到的问题:

前后端分离存在跨域问题可能会导致页面访问接口失败,具体原因需要后续再排查

chrome调试js