nginx配置訪問前端工程

1.前端工程目錄

crm-view
    |-- view
        |-- user.html

2.工程位置

C:\Users\Administrator\Desktop\CRM系統\crm-view

3.配置nginx

找到nginx安裝目錄打開conf/nginx.conf添加如下節點配置

#vue工程跳轉
    server {
        #訪問端口
        listen 8081;
        server_name localhost;
?
?
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        root html;
        }
?
        # 頁面跳轉
        root C:\Users\Administrator\Desktop\CRM系統\crm-view;
        index index.html;
?
?
        location / {
        try_files $uri $uri/ @router;
        index index.html;
        }
?
?
        location @router {
        rewrite ^.*$ /index.html last;
        }
    }
?
 

4.通過nginx訪問頁面

http://127.0.0.1:8081/view/user.html

nginx搭建靜態資源服務器