vscode除錯html頁面status200無法訪問此網站 localhost 拒絕了我們的連線請求

vscode使用debugger for chrome除錯web專案和報錯解決辦法
vscode除錯html頁面status200無法訪問此網站 localhost 拒絕了我們的連線請求
vscode除錯html和js頁面
系統：MacOS

軟體：VSCode

下載了並安裝VSCode後，新建Html5頁面，安裝Chrom和Debugger for Chrom， 按F5進行除錯報錯，查詢後發現需要在launch.json檔案中配置file屬性，預設file屬性未配置。

lanuch.json
    
        {
            // Use IntelliSense to learn about possible attributes.
            // Hover to view descriptions of existing attributes.
            // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
            "version": "0.2.0",
            "configurations": [
                {
                    "type": "chrome",
                    "request": "launch",
                    "name": "Launch Chrome against localhost",
                    "url": "http://localhost:8080",
                    "webRoot": "${workspaceFolder}",
                    "file": "${workspaceFolder}/index.html"
                }
            ]
        }
        聯絡郵箱：457330097@qq.com        

這裡需要注意的是Debugger for Chrom 預設生成的lanuch.json檔案中，只指定了url訪問路徑， 如果你的專案未釋出到本地web伺服器當中，則無法通過配置的url路徑訪問html頁面，因此只能通過file屬性指定首頁檔案訪問

或者將專案目錄放到web伺服器目錄下，配置正確的url去訪問，例如將helloword工程放到apache伺服器的htdocs目錄下，在launch.json檔案中 指定正確的url訪問路徑http://localhost:8080/site/helloword/index.html，即可按快捷鍵F5進行自動執行除錯。
永久連結