Cara menggunakan proksi nginx untuk mencapai akses sumber statik

1. Matlamat:

Untuk meminta sumber statik (css, gambar, dll.) melalui nginx, pratonton halaman dilakukan melalui proksi nginx.

2. Kesan pelaksanaan:

Masukkan alamat proksi nginx melalui pelayar untuk mengakses fail html setempat dengan membuka halaman Anda juga boleh mengakses antara muka akses penghalaan proksi untuk mencapai pratonton halaman fungsi.
Nota : Apa yang saya tunjukkan ialah konfigurasi dalam persekitaran pembangunan tingkap tempatan

3 Konfigurasi khusus

1 Cari fail konfigurasi nginx nginx.conf , konfigurasikan proksi nginx

server{
listen       80;

#前端门户工程
location / {
    alias   D:/workspace/sc-multipl-static-web-project/;
    index  index.html;
}

Arahan:

D:/workspace/sc-multipl-static-web-project/ ialah laluan fail projek bahagian hadapan anda

Simpan fail konfigurasi dan mulakan semula nginx , masukkan localhost:80 dalam penyemak imbas untuk mengesahkan

2 Win10 mengkonfigurasi nama domain tempatan untuk mencapai akses nama domain

Akses nama domain sebenarnya mengakses. perkhidmatan melalui alamat IP yang sepadan, dan kemudian mengakses perkhidmatan melalui IP Jika kami belum membukanya nama domain Internet, anda boleh mensimulasikan akses nama domain dengan mengkonfigurasi pemetaan nama domain tempatan (hanya sah pada mesin ini)

Buka. C: Windows System 32 driversetc, cari fail hos, jika ia tidak wujud, tambahkannya sendiri, bukanya untuk diedit sebagai pentadbir, masukkan

127.0.0.1 www.chen123.com

Buka fail konfigurasi nginx

server{
    listen       80;
    server_name  www.chen123.com;
    ssi on;
    ssi_silent_errors on;
    #前端门户工程
    location / {
        alias   D:/workspace/sc-multipl-static-web-project/;
        index  index.html;
    }
    
   }

Simpan fail konfigurasi dan mulakan semula nginx, masukkan localhost:chen123 dalam penyemak imbas untuk mengesahkan

Penghalaan pratonton halaman konfigurasi 3.nginx

Pertama, anda perlu melaksanakan antara muka pratonton halaman, format pulangan ialah jenis String, dan kandungan sebenarnya kandungan teks html

Kemudian buka konfigurasi nginx Fail

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
    #cms页面预览路由
    upstream cms_server_pool {
        server 127.0.0.1:31001 weight=10;
    }

    server{
    listen       80;
    server_name  www.xuecheng.com;
    ssi on;
    ssi_silent_errors on;
    #前端门户工程
    location / {
        alias   D:/workspace/sc-multipl-static-web-project/;
        index  index.html;
    }
    #页面预览
    location /cms/preview/ {
        proxy_pass http://cms_server_pool/cms/preview/;
    }
    
   }
}

http://cms_server_pool/cms/preview/ ialah antara muka pratonton halaman yang anda mahu laksanakan Anda boleh melompat ke alamat sebenar dengan mengkonfigurasi penghalaan

    upstream cms_server_pool {
        server 127.0.0.1:31001 weight=10;
        #如果有多个服务器,可以写在下面,例如
        #server 127.0.0.1:31002 weight=10;
    }

Simpan fail konfigurasi dan mulakan semula nginx , masukkan http:/. /cms_server_pool/cms/preview dalam penyemak imbas untuk mengesahkan

Konfigurasi nginx tempatan saya adalah seperti berikut

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

    #gzip  on;
    #cms页面预览路由
    upstream cms_server_pool {
        server 127.0.0.1:31001 weight=10;
    }

    server{
    listen       80;
    server_name  www.xuecheng.com;
    ssi on;
    ssi_silent_errors on;
    #前端门户工程
    location / {
        alias   D:/workspace/sc-multipl-static-web-project/;
        index  index.html;
    }
    #页面预览
    location /cms/preview/ {
        proxy_pass http://cms_server_pool/cms/preview/;
    }
   }
}

Atas ialah kandungan terperinci Cara menggunakan proksi nginx untuk mencapai akses sumber statik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!