关于chrome: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