localhost ปฏิเสธที่จะเชื่อมต่อรหัส Visual Studio

เมื่อสร้างแอป สิ่งสำคัญคือต้องมีเครื่องมือที่เหมาะสมเพื่อให้กระบวนการพัฒนาเป็นไปอย่างราบรื่น น่าเสียดายที่ปัญหาซอฟต์แวร์สามารถเกิดขึ้นได้ซึ่งรบกวนกระบวนการพัฒนา ปัญหาหนึ่งคือเมื่อ localhost ปฏิเสธที่จะเชื่อมต่อกับ Visual Studio Code (VSCode) นี่อาจเป็นประสบการณ์ที่น่าหงุดหงิดและอาจนำไปสู่ความล่าช้าและการหยุดชะงักของประสิทธิภาพการทำงานที่มีค่าใช้จ่ายสูง โชคดีที่มีหลายขั้นตอนที่คุณสามารถทำได้เพื่อแก้ไขปัญหาและทำให้สภาพแวดล้อมการพัฒนาของคุณกลับมาทำงานอีกครั้ง ในบล็อกโพสต์นี้ เราจะสำรวจสาเหตุที่เป็นไปได้ของปัญหา ตลอดจนเสนอเคล็ดลับในการแก้ไขปัญหาอย่างรวดเร็วและมีประสิทธิภาพ นอกจากนี้ เราจะหารือแนวทางปฏิบัติที่ดีที่สุดเพื่อหลีกเลี่ยงปัญหาในอนาคต ดังนั้น หากคุณประสบปัญหาที่ localhost ไม่สามารถเชื่อมต่อกับ VSCode โปรดอ่านคำแนะนำต่อไป

ตรวจสอบว่า localhost ของคุณทำงานอยู่หรือไม่

หากคุณมีปัญหาในการเชื่อมต่อกับ localhost ใน Visual Studio Code ขั้นตอนแรกคือการตรวจสอบว่า localhost ของคุณทำงานอยู่หรือไม่ ในการทำเช่นนี้ ให้เปิดพรอมต์คำสั่งและเรียกใช้คำสั่ง “localhost” หาก localhost ของคุณทำงานอยู่ คุณควรเห็นข้อความตอบกลับว่า “localhost is running” หากคุณไม่เห็นการตอบกลับนี้ แสดงว่า localhost ของคุณอาจไม่ได้ทำงาน และคุณจะต้องเริ่มต้นก่อนที่จะดำเนินการต่อ คุณสามารถทำได้โดยใช้คำสั่ง “localhost start” เมื่อคุณทำเสร็จแล้ว ให้ลองรันคำสั่ง “localhost” อีกครั้ง และตรวจสอบให้แน่ใจว่าคุณได้รับการตอบสนองเป็น “localhost is running” หากคุณทำเช่นนั้น คุณควรจะสามารถเชื่อมต่อกับ localhost ของคุณใน Visual Studio Code

ดูสิ่งนี้ด้วย  http://localhost/wordpress/

ตรวจสอบที่อยู่ IP และการตั้งค่าพอร์ตของคุณ

เมื่อคุณแก้ไขปัญหาการเชื่อมต่อ localhost ของคุณแล้วและยืนยันว่าไม่ใช่ปัญหาเกี่ยวกับรหัส คุณจะต้องตรวจสอบที่อยู่ IP และการตั้งค่าพอร์ตของคุณ ในการทำเช่นนี้ ให้เปิดบรรทัดคำสั่งแล้วพิมพ์ 'ipconfig' นี่จะแสดงที่อยู่ IP ปัจจุบันของคุณ ซับเน็ตมาสก์ และเกตเวย์เริ่มต้น ตรวจสอบให้แน่ใจว่าที่อยู่ IP ของคุณถูกต้องและตรงกับการตั้งค่าเครือข่ายของคุณ นอกจากนี้ ตรวจสอบให้แน่ใจว่าคุณมีการตั้งค่าพอร์ตที่ถูกต้องที่กำหนดค่าใน Visual Studio Code หากการตั้งค่าพอร์ตไม่ถูกต้อง การเชื่อมต่อ localhost ของคุณจะถูกปฏิเสธ

ตรวจสอบการตั้งค่าดีบักเกอร์ใน Visual Studio Code

หนึ่งในสาเหตุที่พบบ่อยที่สุดของข้อผิดพลาด “localhost ปฏิเสธที่จะเชื่อมต่อ” คือการตั้งค่าดีบักเกอร์ที่ไม่ถูกต้องใน Visual Studio Code หากต้องการตรวจสอบการตั้งค่าเหล่านี้ ให้เปิด Visual Studio Code แล้วไปที่ File > Preferences > Debug ตรวจสอบให้แน่ใจว่าการกำหนดค่าเป้าหมายถูกตั้งค่าเป็น “Node.js” และตั้งค่าพอร์ตเป็น “3000” เมื่อคุณยืนยันการตั้งค่าเหล่านี้แล้ว ให้บันทึกไฟล์และรีสตาร์ท Visual Studio Code หากการตั้งค่าดีบักเกอร์ไม่ถูกต้อง ควรแก้ไขข้อผิดพลาด “localhost ปฏิเสธการเชื่อมต่อ”

ตรวจสอบให้แน่ใจว่าไฟร์วอลล์ของคุณไม่ได้ปิดกั้นการเชื่อมต่อใดๆ

เมื่อพยายามเชื่อมต่อ Visual Studio Code กับ localhost คุณอาจพบข้อผิดพลาดที่ระบุว่า “localhost ปฏิเสธที่จะเชื่อมต่อ” ในกรณีนี้ สิ่งสำคัญคือต้องแน่ใจว่าไฟร์วอลล์ของคุณไม่ได้ปิดกั้นการเชื่อมต่อใดๆ ในการดำเนินการนี้ ให้ไปที่การตั้งค่า Windows Firewall และตรวจสอบให้แน่ใจว่า Visual Studio Code ได้รับอนุญาตให้เข้าถึงได้ หากไม่ใช่ ให้เพิ่มลงในรายการแอปพลิเคชันที่อนุญาต แล้วลองเชื่อมต่ออีกครั้ง วิธีนี้อาจช่วยแก้ปัญหาได้

ดูสิ่งนี้ด้วย  http://localhost:80

ตรวจสอบว่าติดตั้งส่วนขยายทั้งหมดอย่างถูกต้องหรือไม่

หลังจากตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ localhost ได้รับการกำหนดค่าอย่างถูกต้องแล้ว ขั้นตอนต่อไปคือการตรวจสอบว่าส่วนขยายทั้งหมดได้รับการติดตั้งอย่างถูกต้องหรือไม่ ส่วนขยายคือชิ้นส่วนของซอฟต์แวร์ที่เพิ่มฟังก์ชันการทำงานให้กับ Visual Studio Code ของคุณ ส่วนขยายเหล่านี้สามารถช่วยคุณจัดการไฟล์ ดีบักโค้ด และอื่นๆ อีกมากมาย หากต้องการตรวจสอบว่าส่วนขยายทั้งหมดได้รับการติดตั้งอย่างถูกต้องหรือไม่ ให้ไปที่แท็บส่วนขยายในหน้าต่าง Visual Studio Code และค้นหาส่วนขยายที่ขาดหายไป หากคุณพบ ให้ติดตั้งโดยเร็วที่สุดเพื่อให้แน่ใจว่าเซิร์ฟเวอร์ localhost ของคุณสามารถเชื่อมต่อกับ Visual Studio Code ได้อย่างถูกต้อง

ตรวจสอบการตั้งค่าเซิร์ฟเวอร์ DNS

หากคุณกำลังพยายามแก้ปัญหาใน Visual Studio Code และคุณได้รับข้อผิดพลาด “localhost ปฏิเสธที่จะเชื่อมต่อ” หนึ่งในขั้นตอนที่คุณควรลองคือการตรวจสอบการตั้งค่าเซิร์ฟเวอร์ DNS ขั้นแรก ตรวจสอบว่าการตั้งค่าเซิร์ฟเวอร์ DNS ถูกต้อง นอกจากนี้ ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ DNS ตอบสนองอย่างถูกต้องและไม่ได้ปิดกั้นคำขอใดๆ ถัดไป ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ DNS ได้รับการตั้งค่าให้ใช้ที่อยู่ที่ถูกต้อง สุดท้าย ล้างแคช DNS เพื่อให้แน่ใจว่าการตั้งค่าทั้งหมดเป็นปัจจุบัน ถ้าการตั้งค่าเซิร์ฟเวอร์ DNS ได้รับการกำหนดค่าอย่างถูกต้อง ควรจะแก้ปัญหาและทำให้คุณสามารถเชื่อมต่อ localhost ใน Visual Studio Code

ตรวจสอบการตั้งค่าเบราว์เซอร์

หนึ่งในสาเหตุที่พบบ่อยที่สุดของข้อผิดพลาด “localhost ปฏิเสธที่จะเชื่อมต่อ” ใน Visual Studio Code คือการตั้งค่าเบราว์เซอร์ที่ไม่ถูกต้อง ก่อนที่จะแก้ไขปัญหาใดๆ เพิ่มเติม สิ่งสำคัญคือต้องตรวจสอบการตั้งค่าเบราว์เซอร์เพื่อให้แน่ใจว่ามีการกำหนดค่าอย่างถูกต้อง ในการทำเช่นนี้ ให้เปิดเบราว์เซอร์และไปที่การตั้งค่าขั้นสูง/ความเป็นส่วนตัว จากนั้นตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือก “อนุญาตการเชื่อมต่อโลคัลโฮสต์” หากไม่ได้เลือกไว้ ให้ตรวจสอบและบันทึกการตั้งค่า สิ่งนี้ควรแก้ไขข้อผิดพลาดและอนุญาตให้ Visual Studio Code เชื่อมต่อกับ localhost

ดูสิ่งนี้ด้วย  http://localhost:10080

รีเซ็ตการตั้งค่าเครือข่ายใน Visual Studio Code

หากคุณได้รับข้อผิดพลาดแจ้งว่า “localhost ปฏิเสธการเชื่อมต่อ” เมื่อพยายามเชื่อมต่อ Visual Studio Code กับเซิร์ฟเวอร์ เป็นไปได้ว่าการตั้งค่าเครือข่ายของคุณต้องถูกรีเซ็ต ในการทำเช่นนี้ ให้เปิด Command Palette ใน Visual Studio Code พิมพ์ "Network" แล้วเลือก "Reset Network Settings" การดำเนินการนี้จะทำให้การตั้งค่าเครือข่ายทั้งหมดของคุณกลับไปเป็นเหมือนเดิมเมื่อคุณตั้งค่าครั้งแรก สิ่งนี้ควรแก้ไขปัญหาของคุณในการเชื่อมต่อกับ localhost

ท้ายที่สุดแล้ว นักพัฒนาอาจผิดหวังจากข้อผิดพลาดการเชื่อมต่อ localhost ใน Visual Studio Code โชคดีที่มีขั้นตอนง่ายๆ สองสามขั้นตอนที่คุณสามารถดำเนินการเพื่อวินิจฉัยและแก้ไขปัญหาได้ เช่น ตรวจสอบไฟร์วอลล์หรือการตั้งค่าเครือข่าย หรืออัปเดตส่วนขยาย Visual Studio Code ของคุณ ด้วยวิธีการเหล่านี้ คุณสามารถแก้ไขปัญหาได้อย่างรวดเร็วและกลับไปใช้การเข้ารหัส