nuxt บนโดเมนท้องถิ่น?

Question

ฉันตั้งค่าไฟล์. hosts เป็น: 127.0.0.1 local.mydomain.dk

จากนั้นในไฟล์กำหนดค่า nuxt ของฉันฉันได้ตั้งค่า:

server: {
  port: 3000, // default: 3000
  host: 'local.mydomain.dk' // default: localhost
},

และสุดท้าย แต่ไม่ท้ายสุดใน package.json:

"dev": "nuxt --hostname local.mydomain.dk --port 3000",

อย่างไรก็ตามเมื่อรัน npm run dev Nuxt ยังคงเริ่มต้นบน localhost: 3000 ไม่ใช่โดเมนที่กำหนดเองของฉัน? และถ้าฉันลองไปที่โดเมนที่กำหนดเองในเบราว์เซอร์ฉันได้รับข้อความ "ไม่สามารถเข้าถึงไซต์ได้"

มีอะไรอีกบ้างในการตั้งค่า Nuxt สำหรับการทำงานบนโดเมนท้องถิ่น

Answer 1

มีปัญหาเดียวกัน วิธีแก้ปัญหาของฉันสำหรับปัญหานี้คือ:

1. เพิ่มสิ่งต่อไปนี้ในไฟล์etc / hostsของฉัน:

   127.0.0.1 local.mydomain.dk

2. ล้าง DNS (คำสั่งที่แตกต่างกันในแต่ละ OS)

3. เพิ่มสิ่งต่อไปนี้ในnuxt.config.js :

 

server: {
    port: 80,
    host: '0.0.0.0',
}

ตอนนี้ถ้าคุณไปที่ http://local.mydomain.dk มันจะทำงาน.

ด้วยวิธีนี้ฉันสังเกตเห็นว่า Nuxt favicon หายไป (ฉันไม่รู้ว่ามันแนะนำปัญหา [ร้ายแรง] อื่น ๆ หรือไม่) ดังนั้นฉันจึงเปลี่ยนไปใช้:

server: {
    port: 3000,
    host: 'http://local.mydomain.dk',
}

คราวนี้คุณจะต้องไปที่ http://local.mydomain.dk:3000 ไปทำงาน.

Answer 2

หากคุณต้องการปรับใช้แอพ nuxt บนเซิร์ฟเวอร์คุณสามารถทำได้เช่นนี้

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

คุณควรจะสามารถเข้าถึงแอพด้วยพอร์ต IP + เซิร์ฟเวอร์ของคุณ

หากคุณซื้อโดเมนคุณจะต้องแก้ไขเซิร์ฟเวอร์เนมสเปซของคุณตามคำขอไปยัง IP เซิร์ฟเวอร์ของคุณ

ตอนนี้คุณจะต้องตั้งค่าเช่นพร็อกซีย้อนกลับ nginx ที่ส่งต่อคำขอที่เข้ามาไปยังแอปของคุณ