Làm thế nào để kiểm tra bằng javascript nếu kết nối là máy chủ cục bộ?

Tôi muốn kiểm tra javascript của mình nếu trang đang tải lên trên máy cục bộ của tôi.

Lý do tại sao tôi muốn làm điều đó là khi tôi phát triển, tôi muốn đảm bảo rằng cả xác thực phía máy chủ (C #) của tôi đang hoạt động chính xác. Vì vậy, tôi muốn thấy cả lỗi phía máy khách và phía máy chủ hiển thị.

Vì vậy, trong khi tôi đang thử nghiệm, tôi có một cờ trong nội dung xác thực jquery của mình mà chỉ luôn cho phép dữ liệu không hợp lệ đi qua. Bằng cách này, tôi thấy lỗi phía máy khách và máy chủ cùng một lúc.

Tuy nhiên ngay bây giờ tôi phải tự đi và thay đổi qua lại khi chuyển từ phát triển sang sản xuất.

Các location.hostnamebiến cung cấp cho bạn các máy chủ hiện hành. Điều đó đủ để bạn xác định bạn đang ở trong môi trường nào.

if (location.hostname === "localhost" || location.hostname === "127.0.0.1")
    alert("It's a local server!");

nếu khởi chạy html tĩnh trong trình duyệt, ví dụ từ vị trí như file:///C:/Documents and Settings/Administrator/Desktop/phát hiện "localhost" sẽ không hoạt động. location.hostnamesẽ trả về chuỗi trống. vì thế

if (location.hostname === "localhost" || location.hostname === "127.0.0.1" || location.hostname === "")
    alert("It's a local server!");

Vẫn chưa phải là nắm bắt tất cả nhưng nó có thể được cải thiện một chút. Bây giờ bạn có thể tạo một mảng tên miền và sử dụng .includes

const LOCAL_DOMAINS = ["localhost", "127.0.0.1", ...];

if (LOCAL_DOMAINS.includes(window.location.hostname))
  alert("It's a local server!");

Đó là cách nó được kiểm tra trong React, đăng ký service worker , cách tốt để kiểm tra xem bạn có đang ở trên localhost hay không bằng cách kiểm tra tên máy chủ, bao gồm localhost và IPv6 , và bắt đầu khớp với 127 :

const isLocalhost = Boolean(
    window.location.hostname === 'localhost' ||
    // [::1] is the IPv6 localhost address.
    window.location.hostname === '[::1]' ||
    // 127.0.0.1/8 is considered localhost for IPv4.
    window.location.hostname.match(
        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
    )
);

Một cách dễ dàng để thực hiện việc này là chỉ cần kiểm tra tên máy chủ với localhost hoặc kiểm tra tên miền tùy chỉnh của bạn với một chuỗi con, trong trường hợp này là các url ".local", chẳng hạn như http: //testsite.local

var myUrlPattern = '.local';
if (window.location.hostname === "localhost" || location.hostname === "127.0.0.1" || window.location.hostname.indexOf(myUrlPattern) >= 0) {
    alert("It's a local server!");
}

Biểu mẫu ngắn nhất sử dụng cùng một cơ chế như các tập lệnh khác:

if ( ["localhost", "127.0.0.1", ""].includes(window.location.hostname) ) {
     console.log("It's local host !");
}

Phần này cũng đề cập đến một số trường hợp phổ biến trong đó IP mạng cục bộ bắt đầu bằng 10.0.hoặc 192.168.hoặc Bonjour như tên miền kết thúc trên .local:

export function isLocalNetwork(hostname = window.location.hostname) {
  return (
    (['localhost', '127.0.0.1', '', '::1'].includes(hostname))
    || (hostname.startsWith('192.168.'))
    || (hostname.startsWith('10.0.'))
    || (hostname.endsWith('.local'))
  )
}

Bạn có thể phát hiện trong một mã của mình đằng sau các trang có c #, như sau:

if ((Request.Url.Host.ToLower() == "localhost"))
{
    // ..., maybe set an asp:Literal value that's in the js
}

Hoặc nếu bạn muốn làm điều đó từ tập lệnh máy khách, bạn có thể kiểm tra giá trị của window.location.host.

if (window.location.host == "localhost")
{
    // Do whatever
}

Hi vọng điêu nay co ich.

const LOCAL_DOMAINS = [ "localhost", "127.0.0.1" ];

/* offline || development */
if ( LOCAL_DOMAINS.includes(location.hostname) )
{
    BASE_URL_PUBLIC = location.hostname + "/folder/website/"; // your project folder
}

/* online || production */
else
{
    BASE_URL_PUBLIC = location.hostname;
}

Các câu trả lời trên hầu hết giải quyết được vấn đề nhưng ...

• Điều gì sẽ xảy ra nếu localhost không nhất thiết phải là 'localhost /'?
• Nếu bạn muốn xác nhận FE trong quá trình phát triển thì sao?
• Điều gì xảy ra nếu bạn muốn các hành vi khác nhau trong quá trình phát triển
  ( xác thực fe, xác thực, không xác thực )

Một giải pháp là đặt băm vị trí và kiểm tra nó.

http://myname.foo.com/form.html#devValidation

Bạn có thể thêm các tùy chọn không giới hạn bằng một nút chuyển

switch(location.hash) {}
    case '#devValidation':
        // log the results and post the form
        break;
    case '#beValidation':
        // skip front end validation entirely
        break;
    case '#noValidation':
        // skip all validation $('[name=validationType']).val('novalidation');
        break;
    case '#feValidation':
    default:
        // do fe validation
        break;
}

Biểu thức chính quy chậm hơn *, nhưng ngắn và gọn gàng. Ngoài ra, không ai ở đây kiểm tra IPv6 localhost (:: 1)

/localhost|127\.0\.0\.1|::1|\.local|^$/i.test(location.hostname)

Nó kiểm tra localhost chung, miền .local và tệp: (tên máy chủ trống).

*) Trong Chrome, hiệu suất của [].includes(...)là tốt nhất (42 mili giây), tiếp theo là vòng lặp đơn giản (for, while) với kiểm tra mục mảng (119 mili giây), sau đó [].indexOf(...) > -1(289 mili giây) và cuối cùng là regexp (566 mili giây). Nhưng những phép đo đó bằng cách nào đó là tương đối, bởi vì các trình duyệt khác nhau được tối ưu hóa khác nhau. Trong FF 52 ESR includesvà indexOfcó kết quả tương tự, regexp chậm hơn 2 lần và vòng lặp chậm hơn 6 lần.

Dựa trên các nhận xét ở trên, biểu thức chính quy sau đây đã giúp tôi xác minh xem url có phải là 'localhost' hay không, bất kỳ địa chỉ IP nào là IPv4 hay IPv6.

window.location.hostname.match(/localhost|[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}|::1|\.local|^$/gi)