nuxt-modules / nuxt-modules/ionic

fix: server side fetch

Đang mở
#167 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

bug
Ngôn ngữ chính
TypeScript
Star
457
Fork
53
Merge trung bình
7 giờ 32 phút
Pull request đã merge (30 ngày)
21

Mô tả

🐛 The bug

Fetching data on server side within ionic page component is not possible.

It can be observed in the repro attached that the fetch call happens on the client side only and therefore updating meta tags will have no effect for SEO, social media previews, etc

Server side code executes only in app.vue as far as I can see

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-gjtb8z?file=pages%2Fhead.vue

🌈 Expected behaviour

It's possible to provide code that's executed server side before entering the page.

ℹ️ Additional context

No response

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Bắt đầu với bản tái hiện StackBlitz được liên kết tại pages/head.vue và so sánh nó với quá trình thực thi phía máy chủ được mô tả cho app.vue. Theo dõi lý do fetch chỉ chạy ở phía client trong component trang Ionic. Được xem là hoàn thành khi mã ở cấp độ trang có thể thực thi phía máy chủ trước khi điều hướng và siêu dữ liệu tạo ra có thể được sử dụng cho SEO và các bản xem trước trên mạng xã hội.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
nuxtjs, typescript
Lĩnh vực
frontend, mobile, web-dev
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.