मैं एक vue/laravel प्रोजेक्ट पर काम कर रहा हूं और देव पर्यावरण (npm run hot) और उत्पादन वातावरण (php artisan serve) दोनों के लिए एक url path का उपयोग नहीं कर सकता।

यह CSS उदाहरण केवल php artisan के लिए काम करता है:

background: url("../images/image.png")

जबकि यह केवल npm run hot के लिए काम करता है:

background: url("/public/images/image.png")

क्या कोई तरीका है जो दोनों में काम करता है?

0
Artur Müller Romanov 1 सितंबर 2021, 12:11

2 जवाब

सबसे बढ़िया उत्तर

मैंने npm run hot का उपयोग करने के बजाय केवल php artisan serve का उपयोग hot reload के साथ किया है। अब मेरे पास केवल एक देव वातावरण है। आप इसे यहां सेट अप करने का तरीका देख सकते हैं।

0
Artur Müller Romanov 4 सितंबर 2021, 07:00

जहाँ तक मुझे पता है आपको src से संदर्भ लेना चाहिए। तो image.png को /src/images/image.png में ले जाना, यह background: url("@/images/image.png") जैसा कुछ होगा, जैसा कि @ src को दर्शाता है।


संपादित करें: laravel और vue-cli के साथ दृष्टिकोण

यदि आपको अपने वातावरण के लिए अलग-अलग पथ स्थापित करने की आवश्यकता है, तो vue-cli आपकी पसंद हो सकती है। यह आपको एक vue.config.js बनाने और अपने परिवेश के लिए एक publicPath सेट करने की संभावना देता है।

अधिक जानकारी: Laravel को Vue CLI ऐप के साथ एकीकृत करें

1
StevenSiebert 3 सितंबर 2021, 20:25