इसलिए, मैंने Vue के साथ एक SPA बनाया है। हम एक लैंडिंग पृष्ठ बनाने के लिए एक डिज़ाइनर को नियुक्त करते हैं। लैंडिंग पृष्ठ बहुत अच्छा लग रहा है। यह ऐप के बारे में कुछ जानकारी दिखाता है और एक "साइन इन" बटन है जो इस समय कुछ नहीं करता है।
लैंडिंग पृष्ठ में CSS और Javascript (jQuery आदि) शामिल हैं जिनका मैं Vue ऐप में उपयोग नहीं करता और न ही करना चाहता हूं।
तो सवाल यह है: क्या मेरे Vue प्रोजेक्ट में लैंडिंग पेज JS/CSS लोड किए बिना लैंडिंग पेज कोड शामिल करना संभव है यदि उपयोगकर्ता पहले से साइन इन है?
मेरे लिए प्लान बी mydomain.com पर लैंडिंग पेज और app.mydomain.com पर ऐप होस्ट करना है। यह काम करेगा मुझे लगता है, मैं देखता हूं कि दूसरे ऐसा करते हैं। लेकिन मेरी संभावनाओं को जानना अच्छा होगा
1 उत्तर
कुछ खोज की और आपकी समस्या का सटीक समाधान नहीं मिला, हालांकि ऐसा लगता है कि यह करने योग्य है। मुझे पृष्ठ के मुख्य भाग के बारे में कुछ चिंताएँ हैं, लेकिन यह शुरू करने का एक तरीका है:
- नया Vue घटक बनाएं जिसमें सभी HTML कोड (केवल बॉडी) शामिल हों जिनकी आपको आवश्यकता है + इंस्टॉल करें (npm के साथ) और उस घटक में jQuery सहित सभी आवश्यक js फ़ाइलें आयात करें।
- सुनिश्चित करें कि आप इस घटक को vue- में आलसी लोड के रूप में कॉन्फ़िगर करते हैं- राउटर - तो आपके सभी एचटीएमएल और स्क्रिप्ट ऐप से अलग हो जाएंगे।
वहां से Vue को काम करना चाहिए - आपको अपना पेज मिलेगा जहां जरूरत होगी और अन्य मार्ग ऐप के अंदर होंगे।