লোকালহোস্টের বাইরের অ্যাক্সেসকে কীভাবে অনুমতি দেওয়া যায়

Question

আমি কীভাবে অ্যাঙ্গুলার 2 এ লোকালহোস্টের বাইরে প্রবেশের অনুমতি দিতে পারি? আমি localhost:3030/panelসহজেই নেভিগেট করতে পারি তবে আমি যখন আইপি লিখি তখন নেভিগেট করতে পারি না 10.123.14.12:3030/panel/।

আপনি কি দয়া করে আমাকে এটি ঠিক করতে পারবেন? npmপ্রকল্পটি ইনস্টল এবং চালানোর জন্য আমি (নোড প্রকল্প পরিচালনা - নোড ইনস্টল / নোড স্টার্ট) ব্যবহার করছি না ।

আপনি যদি চান তবে আমি আমার package.jsonএবং সরবরাহ করতে পারি index.html।

Comments

আপনি এনজি পরিবেশন ব্যবহার করবেন?

— mast3rd3mon

হ্যাঁ আমি এনজি সার্ভারটি ব্যবহার করছি

— টনিউুকুক

আপনি এনজিও - হোস্ট 10.123.14.12 পরিবেশন করার চেষ্টা করেছেন?

— দিগ্বিজয়

আমি ক্লান্ত হয়ে NG পরিবেশন করেছি এবং এটিতে "পরিবেশন কমান্ডটি ব্যবহার করার জন্য আমাকে একটি কৌনিক - ক্লাইপ প্রকল্পের ভিতরে থাকতে হবে"।

— টনিউুকুক

Answer 1

ব্যবহার ng serve --host 0.0.0.0সংযোগের জন্য আপনি অনুমতি দেবে ng serveপরিবর্তে আপনার আইপি ব্যবহার করে localhost।

সম্পাদনা

ক্লাইপের নতুন সংস্করণগুলিতে আপনাকে তার পরিবর্তে আপনার স্থানীয় আইপি ঠিকানা সরবরাহ করতে হবে

সম্পাদনা 2

ক্লাইকের নতুন সংস্করণগুলিতে (আমি মনে করি v5 এবং তার উপরে) আপনি আপনার 0.0.0.0আইপি হিসাবে আবার আপনার নেটওয়ার্কের যে কারও সাথে কথা বলার জন্য হোস্ট করতে পারেন।

Comments

এটিতে "এনজি Sreve লেখার সময় লাল সতর্কতা সহ সার্ভ কমান্ডটি ব্যবহার করার জন্য আপনাকে একটি আঙ্গুলার - ক্লাইপ প্রকল্পের ভিতরে থাকতে হবে" এবং একটি হলুদ বার্তাও নির্দেশ করে যা আমি নোডের 6.২.২ সংস্করণ চালাচ্ছি, যা এনজি

— সার্ভি

প্রথমে নোড আপডেট করার চেষ্টা করুন, দ্বিতীয়, আপনার টার্মিনালটি পুনরায় চালু করার চেষ্টা করুন / vscode

— mast3rd3mon

আমি এটি প্যাকেজ জসন থেকে 6.0.46 এ "@ টাইপস / নোড" হিসাবে আপডেট করেছি: "6.0.46", তবে এখনও একই বার্তাটি পেয়েছি

— টনিউুকুক

লোকেরা কীভাবে দেয় তা আমি বুঝতে পারি না - আমার প্রশ্নগুলিতে ভোট দিন এবং আমি জানি না কে এটি করে। এমনকি আপনি প্রশ্নটি ভুল বুঝতে পেরেছেন এবং আমাকে ভুল উত্তর দিন তারা এখনও "-" খ্যাতি দেয়। আমি উত্তরটি নিজেই পেয়েছি। "Webpack-দেব-সার্ভার --inline --progress --host 0.0.0.0 --port 3000", "packagejson হবে: আমি" সার্ভার "জুড়তে" অনুমিত ছিল

— Tonyukuk

এই আমার জন্য কাজng serve --open --host 0.0.0.0 --disable-host-check

— Jonathan.Brink

Answer 2

ম্যাক ব্যবহারকারীরা:

1. সিস্টেম পছন্দসমূহ -> নেটওয়ার্ক -> ওয়াই-ফাইতে যান
2. স্থিতির নীচে আইপি ঠিকানাটি অনুলিপি করুন (সাধারণত 192.168.1.x)
3. আপনার এনজি সার্ভিসে এটি আটকান: ng serve --host 192.168.1.x

তারপরে আপনাকে অবশ্যই অন্য পৃষ্ঠাতে আপনার পৃষ্ঠাটি দেখতে সক্ষম হতে হবে 192.168.1.x:4200।

Comments

আমার জন্য কাজ করতেন এবং আর কাজ করতেন না। ভাবছি কেন। আমার মনে হচ্ছে আমি সব চেষ্টা করেছি! আমার ফায়ারওয়াল অক্ষম। এনজি সার্ভিস - হোস্ট 10.xxx - ডিসিজেবল-হোস্ট-চেক / এনজি পরিবেশন - হোস্ট 0.0.0.0 - ডিসিজেবল-হোস্ট-চেক -> একটি উইন্ডোজ রিমোট মেশিন থেকে অ্যাক্সেসযোগ্য নয় যা 10.xxx এর সাথে একই নেটওয়ার্কে রয়েছে : 4200

— রাফায়েল মশার

কৌণিক 7, ও MacOS এর 10.14.6 ভাল কাজ করে

— BKS

কি এটা এর মূল্য জন্য, গৃহীত উত্তর আমার জন্য MacOS এর অক্টোবর 2019. হিসাবে কাজ করছে

— আলেকজান্ডার Nied

এটি আমার পক্ষে কাজ করে এবং দূর দূরত্বে অনুসন্ধান করার পরে, আমি এই মূল পদক্ষেপটি নির্দিষ্ট করতে কেবল এই উত্তরটি দেখতে পেয়েছি: আপনার আইফোন সাফারি ব্রাউজারের ঠিকানা বারে, প্লাগ ইন করুন: 192.168.1.x: 4200, যেখানে x আপনার আইপি ঠিকানার শেষ সংখ্যা। ": 4200" সহ আমার জন্য পার্থক্য ছিল।

— 9gt53wS

@ রাফালমোসার আপনি কি সমাধান করেছেন? আমার একই সমস্যা আছে এবং আমি সত্যিই ক্লুলেস।

— ম্যাডি

Answer 3

আপনার আদেশ প্রদান করুন

ng serve --host=0.0.0.0 --disable-host-check

এটি হোস্ট চেকটি অক্ষম করবে এবং আইপি ঠিকানার মাধ্যমে বাইরে থেকে (লোকালহোস্টের পরিবর্তে) অ্যাক্সেসের অনুমতি দেবে

Comments

আমার - ডিসাইজেবল-হোস্ট-চেক দরকার নেই। ng serve --host 0.0.0.0আমার জন্য ভাল কাজ করে। হোস্ট চেকটি করার কথা কি?

— অ্যান্ড্রু

আমার একবারের জন্য disabled-host-checkঅন্যথায় প্রয়োজন হয়েছিল আমি "অবৈধ হোস্ট শিরোলেখ"

— গেমড্রয়েডস

প্রতিবার উল্লেখ না করার জন্য কোনও কনফিগার ফাইলে এটি সংজ্ঞায়িত করার কোনও উপায় আছে কি?

— আয়ুষ কুমার

Answer 4

আপনি আপনার আইপি দিয়ে অ্যাক্সেস করতে নিম্নলিখিত কমান্ডটি ব্যবহার করতে পারেন।

ng serve --host 0.0.0.0 --disable-host-check

আপনি যদি এনএমপি ব্যবহার করে থাকেন এবং প্রতিবার কমান্ডটি চালানো এড়াতে চান, আমরা স্ক্রিপ্ট বিভাগে প্যাকেজ.জসন ফাইলটিতে নিম্নলিখিত লাইনটি যুক্ত করতে পারি ।

"scripts": {
    ...
    "start": "ng serve --host 0.0.0.0 --disable-host-check"
    ...
}

তারপরে আপনি একই নেটওয়ার্কে অন্য সিস্টেম থেকে অ্যাক্সেস পেতে নীচের কমান্ডটি ব্যবহার করে অ্যাপ চালাতে পারেন।

npm start

Comments

এটি এখন -DisableHostCheck = সত্য | আমার সংস্করণে মিথ্যা, কৌণিক 8

— টনি

Answer 5

আমি কেবল angular.jsonনীচে হিসাবে আমার প্রকল্পে ফাইল সম্পাদনা করি এবং এটি কাজ করে

...

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "project:build",
        "host": "0.0.0.0"
      },

...

Answer 6

আপনি এনগ্রোক ব্যবহার করে আপনার টানেলগুলির উপর দিয়ে চলমান সমস্ত এইচটিটিপি ট্র্যাফিককেও অন্তর্দর্শন করতে পারেন , তারপরে আপনি ব্যবহার করে প্রকাশ করতে পারবেনngrok http --host-header=rewrite 4200

Answer 7

সিএমডি খুলুন এবং প্রকল্পের স্থানে নেভিগেট করুন অর্থাৎ আপনি যেখানে এনটিএম ইনস্টল চালান বা প্রকল্পের জন্য এনজি সার্ভিস করুন।

এবং তারপরে কমান্ডটি চালান - আপনার আইপি ঠিকানাটি ng serve --host 10.202.32.45কোথায় 10.202.32.45।

আপনি 10.202.32.45:42004200 যেখানে আপনার পোর্ট নম্বর যেখানে আপনার পৃষ্ঠা অ্যাক্সেস করতে সক্ষম হবেন ।

দ্রষ্টব্য: আপনি যদি এই আদেশটি ব্যবহার করে আপনার অ্যাপ্লিকেশনটি পরিবেশন করেন তবে আপনি অ্যাক্সেস করতে পারবেন নাlocalhost:4200

Comments

উভয় পথেই কি অ্যাক্সেস করা সম্ভব?

— zishan paya

ধন্যবাদ ধন্যবাদ .. আমি অনুমান করি আমি ভুল আইপি ঠিকানার দিকে চেয়েছিলাম

— তেজশ্রী পাতঙ্গে

এটি নির্বোধ শোনার জন্য জেনে নিন, তবে নিশ্চিত করুন যে আপনার ফোনটি আপনি দেব মেশিনের মতো একই ওয়াইফাই নেটওয়ার্ক ব্যবহার করছেন। আমার পক্ষে কাজ করা একমাত্র উত্তরের জন্য আমি একটি অতিথি নেটওয়ার্ক ... +1 ব্যবহার করছি।

— গ্রেগ

Answer 8

সমস্যার জন্য ছিল ফায়ারওয়াল। আপনি যদি উইন্ডোতে থাকেন তবে নিশ্চিত হয়ে নিন যে নোডের মাধ্যমে অনুমতি দেওয়া হচ্ছে

Comments

এনজি সার্ভ - হোস্ট ০.০.০.০ এর সাথে পরিবেশন করার পরেও আমি একই নেটওয়ার্ক থেকে অ্যাক্সেস করতে পারিনি। তবে আপনি উল্লিখিত হিসাবে ফায়ারওয়াল অনুমতি ছিল সমস্যা ছিল। এটিকে ভাগ করে নেওয়ার জন্য সময় দেওয়ার জন্য ধন্যবাদ।

— স্যান্ডি বি

Answer 9

দ্রুত সমাধান যা কাউকে সহায়তা করতে পারে:

ng serve --host 0.0.0.0 --disable-host-check আপনার শুরুতে মান হিসাবে এই লাইনটি যুক্ত করুনpackage.json

উদা:

{
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --disable-host-check",
"build": "ng build",
}

এবং তারপর সহজভাবে startবাnpm run start

আপনি অন্যান্য স্থানীয় আইপি থেকে আপনার প্রকল্প অ্যাক্সেস করতে সক্ষম হবেন।

Answer 10

আপনি যদি ডকারের মধ্যে একই সমস্যার মুখোমুখি হন তবে আপনি নীচে CMDডকফাইফিল ব্যবহার করতে পারেন ।

CMD ["ng", "serve", "--host", "0.0.0.0"]

বা সম্পূর্ণ ডকফাইফাইল

FROM node:alpine
WORKDIR app
RUN npm install -g @angular/cli
COPY . .
CMD ["ng", "serve", "--host", "0.0.0.0"]

Answer 11

proxy.conf.jsonএই কনফিগারেশনটি তৈরি করুন এবং আটকান

{  
"/api/*":
    {    
        "target": "http://localhost:7070/your api project name/",
        "secure": false,
        "pathRewrite": {"^/api" : ""}
    }
}

প্রতিস্থাপন করুন:

let url = 'api/'+ your path;

সিএলআই থেকে চালান:

ng serve  --host port.number —-proxy-config proxy.conf.json

Answer 12

আমার জন্য এটি "এনজি সার্ভ - ওপেন - হোস্ট 0.0.0.0" ব্যবহার করে কাজ করে তবে একটি সতর্কতা রয়েছে

---

সতর্কতা: স্থানীয়ভাবে কৌণিক অ্যাপ্লিকেশনগুলি পরীক্ষা বা ডিবাগ করার ক্ষেত্রে এটি ব্যবহার করার জন্য একটি সহজ সার্ভার। সুরক্ষা সমস্যাগুলির জন্য এটি পর্যালোচনা করা হয়নি।

এই সার্ভারটিকে একটি মুক্ত সংযোগে আবদ্ধ করার ফলে আপনার অ্যাপ্লিকেশন বা কম্পিউটারের সাথে আপস করা যেতে পারে। "- হোস্ট" পতাকাটিতে যে পাস করেছে তার চেয়ে আলাদা হোস্ট ব্যবহার করার ফলে ওয়েবসকেট সংযোগের সমস্যা হতে পারে। আপনার যদি প্রয়োজন হয় তবে "--disableHostCheck" ব্যবহার করতে হবে।

Answer 13

কোনও প্যাকেজ.জসন পরিবর্তন করার জন্য প্রয়োজনীয় নয়।

আমার জন্য এটি ব্যবহার করে কাজ করে:

এনজি সার্ভিস - হোস্ট = 0.0.0.0 - পোর্ট = 5999 - অক্ষম-হোস্ট-চেক

হোস্ট: HTTP: // লোকালহোস্ট: 5999 /

Answer 14

• ব্যবহার ng serve --host<Your IP> --port<Required if any>।

• এনজি সার্ভিস - হোস্ট = 192.111.1.11 - পোর্ট = 4545।

• সংকলনের শেষে আপনি এখন নীচের লাইনটি দেখতে পাচ্ছেন।

কৌণিক লাইভ ডেভলপমেন্ট সার্ভারটি 192.111.1.11:4545 এ শুনছে, আপনার ব্রাউজারটি http://192.111.1.11:4545/** এ খুলুন ।

Answer 15

যে লোকেরা নোড প্রজেক্ট ম্যানেজার ব্যবহার করছেন তাদের পক্ষেও এই লাইনটি প্যাকেজ.জসনে যুক্ত করা যথেষ্ট হবে। কৌণিক সিএলআই ব্যবহারকারীদের জন্য, mast3rd3mon এর উত্তরটি সত্য।

আপনি যোগ করতে পারেন

"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"

to package.json