带二级目录的Nginx配置------目前找到的最简单的方法

Posted 2021-01-20 蝈蝈flying

由于项目不知一个，所以不得不为每一个项目建一个专有的文件夹，这就导致了在配置nginx的时候会出现二级目录

目前找到的最简单的方法

 

 

- step1:修改 vue.config.js

 

添加配置 baseUrl: \'/dist/\',

 

 

- step2:修改 router/index.js

 

const router = new VueRouter({
  mode: \'history\',
  base: \'/dist/\',
  routes
})

 

 

- step3: 配置nginx

 

在本地目录下，创建conf.d文件夹，里面随意创建任意文件，扩展名为.conf

我在本地目录下新建了一个conf.d文件夹，里面创建了一个test.conf文件

文件中添加如下配置(以vue项目为例)：

  server {
        listen       80;
        server_name  localhost(域名);
        root E:/vue/prog/nginx-root/dist;  -------nginx指向目录
        autoindex on;    -------------自动锁死在index.html里
        index  index.html index.htm;
        charset utf-8; 
        location /api {
            proxy_pass http://反向代理的地址;
        }
        location / {
            try_files $uri $uri/ /index.html;  -----vue官网上的配置，假设路径路由找不到的时候，默认跳转到首页index上
        }
     
    }

 

运行start nginx      就可以啦~~~~~~~~

 

如果本文对您有帮助，请抬抬您的小手，点下右下角的推荐， ^-^，

当然如果看了这篇博客对您有帮助是我最开心的事，毕竟赠人玫瑰，手有余香， ^-^，

如果这篇博客没有帮助到您，那就只能说一声抱歉啦