2016-08-08 15 views
5

में होस्ट किए जाने पर 404ing रीफ्रेश करें, मैं एक कोणीय 2 ऐप पर काम कर रहा हूं। यह "@ कोणीय/सामान्य" का उपयोग करता है: "2.0.0-आरसी.4" और "@ कोणीय/राउटर": "3.0.0-बीटा 2"।कोणीय 2 - पृष्ठ Azure

मेरे समस्या यह है कि जब मैं पृष्ठों मैं एक त्रुटि कह देखने से कुछ पर ब्राउज़र ताज़ा ... का उपयोग

"इसका नाम बदल संसाधन आप के लिए हटा दिया गया है देख रहे हैं, था, या है अस्थाई रूप से अनुपलब्ध।"

यह तब होता है जब मैं सीधे यूआरएल दबाता हूं।

एक उदाहरण यूआरएल है ... https://tilecasev2.azurewebsites.net/profile/therichmond

हालांकि आप मुखपृष्ठ वे ठीक है, लेकिन केवल (https://tilecasev2.azurewebsites.net) तक ताजा कर काम के माध्यम से पृष्ठों को देखने यदि।

मैं अपने index.html सिर में नीचे है ...

<base href="/"> 

ऐसा क्यों होता है और मैं इसे कैसे ठीक कर सकते हैं?

+1

http://stackoverflow.com/questions/31415052/angular-2-0 के एक dup की तरह लगता है -उंटर-काम-ऑन-रीलोडिंग-द-ब्राउजर –

+0

मुझे लगता है कि तब से राउटर बदल गया है और फिक्स अब और काम नहीं करता है। –

+0

यह राउटर से संबंधित नहीं है। सर्वर को एचटीएमएल 5 पुशस्टेट का समर्थन करने की आवश्यकता है या आपको 'हैशलोकेशनस्ट्रेटी' का उपयोग करने के लिए एंगुलर 2 राउटर को स्विच करने की आवश्यकता है, तो कोई सर्वर समर्थन आवश्यक नहीं है। –

उत्तर

23

HashLocationStrategy अपने कोणीय मार्गों में से सभी में एक # शामिल करके इस मुद्दे को टाल लेकिन ठीक वास्तव में नहीं करता है यह।

एशर के बिना कोणीय मार्ग बनाने के लिए वे आपके स्थानीय विकास वातावरण में वैसे ही काम करते हैं, आपको रूट के रूप में सभी अनुरोधों को फिर से लिखने के लिए आईआईएस को कॉन्फ़िगर करने की आवश्यकता है। यह कोणीय रूटिंग को संभालता है।

ऐसा करने के लिए, निम्नलिखित सामग्री के साथ आपकी साइट के रूट फ़ोल्डर में एक Web.config फ़ाइल जोड़ें:

<configuration> 
<system.webServer> 
    <rewrite> 
     <rules> 
     <rule name="Main Rule" stopProcessing="true"> 
       <match url=".*" /> 
       <conditions logicalGrouping="MatchAll"> 
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
       </conditions> 
       <action type="Rewrite" url="/" /> 
      </rule> 
     </rules> 
    </rewrite> 
</system.webServer> 
</configuration> 
+0

यह मेरे लिए किया था! धन्यवाद स्टीव! –

+0

खोज - प्रतिलिपि - यह काम करता है! मुझे स्टैक ओवरफ्लो पसंद है। Thanx। – Reinhard

+0

मैंने web.config को 'src' फ़ोल्डर में रखा है और अब सबकुछ काम कर रहा है। –

0

चूंकि गंटर ने HashLocationStrategy को सेट करने की आवश्यकता है।

मैं Angular2 डॉक्स में चरणों का पालन किया और यह सब अब काम करता है ...

https://angular.io/docs/ts/latest/api/common/index/HashLocationStrategy-class.html

+0

मुझे नहीं लगता कि यह समाधान है –