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

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"
            }
        ]
    }  

這裡需要注意的是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進行自動執行除錯。