結合本文場景，需要安裝Nginx和Java環境（運行SpringBoot項目）。
1.什麼是動靜分離？
在弄清動靜分離之前，我們要先明白什麼是動，什麼是靜。
在Web開發中，通常來說，動態資源其實就是指那些後臺資源，而靜態資源就是指HTML，JavaScript，CSS，img等文件。
一般來說，都需要將動態資源和靜態資源分開，將靜態資源部署在Nginx上，當一個請求來的時候，如果是靜態資源的請求，就直接到nginx配置的靜態資源目錄下面獲取資源，如果是動態資源的請求，nginx利用反向代理的原理，把請求轉發給後臺應用去處理，從而實現動靜分離。
在使用前後端分離之後，可以很大程度的提升靜態資源的訪問速度，同時在開過程中也可以讓前後端開發並行可以有效的提高開發時間，也可以有些的減少聯調時間 。
2.項目配置
修改SpringBoot應用啓動類，做簡單跳轉，使訪問根路徑可以跳轉到index.html，如下代碼所示。
@SpringBootApplicationbr/>@Controller
public class DemoApplication {
public static void main(String[] args) {
SpringApplication.run(DemoApplication.class, args);
}
@GetMapping("/")
public String index(){
return "index";
}}
複製代碼
index.html代碼如下所示，注意引入jquery.js，在引用成功會使用jquery給div賦值，代碼如下所示。
<!DOCTYPE html>