- 正常配置,通過www.example.com或192.168.20.12:80訪問
server {listen 80;server_name example.com www.example.com;root /var/www/html;index index.html index.htm;location / {try_files $uri $uri/ =404;} }
解釋:
- listen 80;:監聽 HTTP 端口 80
- server_name example.com www.example.com;:你的域名,可以根據實際情況修改。
- root /var/www/html;:HTML 文件的根目錄。
- index index.html index.htm;:默認的主頁文件。
- location / { try_files $uri $uri/ =404; }:嘗試找到請求的文件或目錄,如果找不到則返回 404。
-
略微不正常,通過www.example.com/h5訪問
server {listen 80;server_name example.com www.example.com;location /h5 {alias /var/www/html;index index.html index.htm;try_files $uri $uri/ =404;} }
解釋:
- location /h5:處理 /h5 路徑的請求
- alias /var/www/html:將 /h5 路徑別名為 /var/www/html,即訪問www.example.com/h5 實際上是訪問 /var/www/html 目錄中的文件
同時VUE項目中也要稍微改動一下
const router = new VueRouter({mode: 'history',base: '/h5',routes: [// 你的路由配置]
});