nuxt trên miền cục bộ?

Question

Tôi đã thiết lập tệp .hosts của mình thành: 127.0.0.1 local.mydomain.dk

Và sau đó trong tệp cấu hình nuxt của tôi, tôi đã thiết lập:

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

Và cuối cùng nhưng không kém phần quan trọng, trong package.json:

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

Tuy nhiên, khi chạy npm run dev, Nuxt vẫn khởi động trên localhost: 3000 chứ không phải miền tùy chỉnh của tôi? Và nếu tôi cố gắng truy cập miền tùy chỉnh của mình trong trình duyệt, tôi nhận được thông báo "Không thể truy cập trang web"

Có điều gì khác để thiết lập Nuxt để chạy trên miền cục bộ không?

Answer 1

Có cùng một vấn đề. Giải pháp của tôi cho vấn đề này là:

1. Thêm phần sau vào tệp etc / hosts của tôi :

   127.0.0.1 local.mydomain.dk

2. Flush DNS (lệnh khác nhau trong mỗi hệ điều hành)

3. Thêm phần sau vào nuxt.config.js :

 

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

Bây giờ nếu bạn điều hướng đến http://local.mydomain.dk nó sẽ hoạt động.

Với cách tiếp cận này, tôi nhận thấy rằng biểu tượng yêu thích Nuxt bị thiếu (tôi không biết liệu nó có gây ra bất kỳ vấn đề [nghiêm trọng] nào khác không), vì vậy tôi đã chuyển sang:

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

Lần này bạn sẽ cần điều hướng đến http://local.mydomain.dk:3000 làm việc.

Answer 2

Nếu bạn muốn triển khai ứng dụng nuxt của mình trên một máy chủ, bạn có thể làm như thế này.

Bạn tải lên tải lên ứng dụng của mình trên máy chủ của bạn và để cấu hình như thế nào. Nếu bạn chạy ứng dụng nuxt của mình, nó sẽ bắt đầu ở localhost và localhost trong trường hợp này là máy chủ bây giờ.

Bạn sẽ có thể truy cập ứng dụng bằng IP + Cổng máy chủ của mình

Nếu bạn đã mua một miền, bạn sẽ cần phải chỉnh sửa máy chủ không gian tên của mình theo yêu cầu đối với IP máy chủ của bạn.

Bây giờ, bạn sẽ cần thiết lập một proxy ngược nginx, ví dụ: chuyển tiếp yêu cầu đến đến ứng dụng của bạn