一、环境说明

• 系统环境：Windows 10
• Nginx：解压版

二、背景

一般情况下，我们Nginx配置前端项目路径时，使用的是绝对路径，例如：root D:\mlis\server\dist;

server {
    listen       82;
    server_name  localhost;

    location / {
        root   D:\mlis\server\dist;
        try_files $uri $uri/ /index.html;
        index index.html;
    }
}

由于开发的软件需要在多个客户现场实施，实施现场的机器可能没有D盘，因此我们希望Nginx配置前端项目时，使用相对路径。

三、相对路径配置

相对路径指的是：nginx服务与前端项目dist的相对路径。

server {
    listen       82;
    server_name  localhost;

    root   ..\..\server\dist;

    location / {
        try_files $uri $uri/ /index.html;
        index index.html;
    }
}

只要nginx服务与前端项目dist目录是固定的，项目实施时，将实施包拷贝到电脑任何目录都可以正常启动运行。