1. Pasang nginx dan akses sumber statik
Selepas pemasangan berjaya, mulakan nginx, masukkan http://localhost/ dalam penyemak imbas dan halaman selamat datang akan muncul.
Dalam Cipta direktori statictest1jscommon di bawah nginx dan letakkan jquery.xx.js di dalamnya.
ps: statik mewakili direktori utama fail statik, test1 mewakili nama projek di bawah tomcat, mesin ini menggunakan jquery-1.12.1.min.js
untuk mengubah suai fail konfigurasi nginx. conf, tambahkan Konfigurasi berikut:
#Secara kerap memadankan permintaan bermula dengan statik, seperti /test1/static/js...
lokasi ^~/test1/static/ {
alias static/test1/ ; #alias akan membuang laluan yang dikonfigurasikan selepas lokasi, pastikan anda menambah /
}
selepas nama direktori dan masukkan http://localhost/. test1/static/ dalam pelayar js/common/jquery-1.12.1.min.js boleh diakses dengan jayanya.
2. Bina projek web java
Pasang jdk, tomcat, myeclipse atau idea, dsb., dan buat ujian projek web1.
Tetapkan halaman alu-aluan test1 ke index.jsp, letakkannya di bawah tomcat, nombor port ialah 8080
Masukkan http://localhost:8080/test1/ dalam penyemak imbas dan anda boleh mengakses ia berjaya.
3. Perkenalkan sumber statik di bawah nginx
Perkenalkan fail jquery nginx di bawah index.jsp:
src="http:// localhost /test1/static/js/common/jquery-1.12.1.min.js"
Pada masa yang sama, tulis skrip ujian jquery seperti berikut:
<script type="text/javascript"> //jquery语法,能够成功alert说明jquery引入成功 $(function() { alert("测试动静分离成功!"); }) </script>
Konfigurasikan proksi terbalik bagi projek test1 di bawah nginx , ubah suai nginx.conf dan tambahkan konfigurasi berikut:
#permintaan projek #test1 --> Balikkan proksi kepada 8080, kecuali ^~/test1/static/ request
lokasi /test1 / {
proxy_pass http://localhost:8080;
}
4 Uji proksi terbalik dan pemisahan dinamik dan statik
Mulakan semula nginx, mulakan semula. kucing jantan!
Masukkan http://localhost/test1/ dalam penyemak imbas, dan permintaan akan dimajukan oleh nginx ke test1 di bawah tomcat pada port 8080.
Jika semuanya ok, penyemak imbas akan mengembalikan output index.jsp, memuatkan fail jquery di bawah nginx dan muncul kotak gesaan.
Tangkapan skrin setempat:
Atas ialah kandungan terperinci Bagaimana untuk merealisasikan proksi terbalik dan pemisahan dinamik nginx+tomcat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!