2017-08-04 31 views
6

हाय मैं, चरणों का पालन किया कोणीय 4 एप्लिकेशन का निर्माण करने की कोशिश कर रहा हूँ से कम है -nginx या apache httpd में कोणीय 4 ऐप्स कैसे बनाएं?

बिल्ड ng build

मेरी अमेज़न EC2 उदाहरण मैं अपाचे चला रहा हूँ में। चरणों का पालन किया - 404 नहीं मिला -

#!/bin/bash 
yum install httpd -y 
yum update -y 
cp dist/* /var/www/html/ 
service httpd start 
chkconfig httpd on 

सब कुछ काम करता है, लेकिन मेरे एप्लिकेशन को प्रमाणीकरण के लिए auth0 उपयोग कर रहा है, मैं वे http://ip/callback

मेरे आवेदन कहते हैं करने के लिए कॉलबैक करते देखते हैं।

app-problem

मैं ng build --base-href . तरह का निर्माण करने की कोशिश की, यह मेरी स्थानीय सब कुछ में काम किया फ्लॉप ! Please help me how to build this one, please note that when I use एनजी serve` भयानक काम करता है। लेकिन जब मैं उत्पादन में तैनाती करने की कोशिश कर रहा हूं तो यह त्रुटि दे रहा है। मुझे यकीन है कि ऐप बनाने के दौरान मैं कुछ गलत कर रहा हूं।

मैंने nginx डॉकर कंटेनर की कोशिश की, यह वही त्रुटि देता है। मेरी डॉकर फ़ाइल इस तरह दिखती है।

FROM nginx COPY dist /usr/share/nginx/html

  1. डोकर निर्माण आयकर एनजी-auth0-वेब-देव।
  2. डोकर रन -d -p 8080: 80 एनजी-auth0-वेब-देव

कुछ भी ऊपर डोकर फ़ाइल में गलत?

https://github.com/auth0-samples/auth0-angular-samples/tree/master/01-Login - नमूना एप्लिकेशन कोड

https://manage.auth0.com/#/logs - No error in logs, that means auth0 is working fine but I am getting build error with angular.

सटीक त्रुटि:

enter image description here

auth0 callback settings

अपडेट -

मैं यह भी तरह के निर्माण की कोशिश की - ng build --base-href http://34.213.164.54/ और ng build --base-href http://34.213.164.54:80/, लेकिन एक ही त्रुटि।

तो समस्या मैं कैसे कोणीय अनुप्रयोग निर्माण कर रहा हूँ करने के लिए नीचे संकुचित है

public handleAuthentication(): void { 
    this.auth0.parseHash((err, authResult) => { 
     if (authResult && authResult.accessToken && authResult.idToken) { 
     window.location.hash = ''; 
     this.setSession(authResult); 
      localStorage.setItem('email', profile.email); 
      this.verticofactoryService.registerUser(u); 
      this.router.navigate(['/home']); 
     }); 



     } else if (err) { 
     this.router.navigate(['/home']); 
     console.log(err); 
     alert(`Error: ${err.error}. Check the console for further details.`); 
     } 
    }); 
    } 
+0

तुम क्यों/कॉलबैक 404 से कुछ भी देने के लिए के लिए एक अनुरोध उम्मीद करते हैं? क्या आपने उस यूआरएल के लिए कुछ भी करने के लिए अपाचे को कॉन्फ़िगर किया है? –

+0

हाँ मैं अनुरोध कर रहा हूं ताकि/कॉलबैक उपयोगकर्ताओं को सत्यापित करे। मैंने apache में कुछ भी कॉन्फ़िगर नहीं किया था। मैंने उपरोक्त चरणों के ठीक ऊपर कुछ भी नहीं किया। क्या आप मुझे कोई उदाहरण दे सकते हैं ? – irobo

+0

क्या एक उदाहरण है? क्या होता है जब आपके सर्वर पर/कॉलबैक का अनुरोध आता है? –

उत्तर

4

कोणीय क्षुधा एक सरल स्थिर HTML सर्वर के साथ सेवा करने के लिए एकदम सही उम्मीदवार हैं। अनुप्रयोग पृष्ठों को गतिशील रूप से लिखने के लिए आपको सर्वर-साइड इंजन की आवश्यकता नहीं है क्योंकि कोणीय क्लाइंट-साइड पर करता है।

यदि ऐप कोणीय राउटर का उपयोग करता है, तो आपको उस फ़ाइल के लिए पूछे जाने पर सर्वर के होस्ट पेज (index.html) को वापस करने के लिए सर्वर को कॉन्फ़िगर करना होगा।

मान लीजिए कि आपके nginx सर्वर conf में बस कुछ इस तरह की चीज़ जोड़ें।try_files $uri $uri/ /index.html;

संदर्भ - https://github.com/auth0-samples/auth0-angular-samples/tree/master/02-User-Profile

धन्यवाद जेबी Nizet, यह अंत में काम किया।

server conf

संबंधित मुद्दे