帶二級目錄的Nginx配置------目前找到的最簡單的方法

由於項目不知一個，所以不得不為每一個項目建一個專有的文件夾，這就導致了在配置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      就可以啦~~~~~~~~

 

如果本文對您有幫助，請抬抬您的小手，點下右下角的推薦， ^-^，

當然如果看了這篇博客對您有幫助是我最開心的事，畢竟贈人玫瑰，手有余香， ^-^，

如果這篇博客沒有幫助到您，那就只能說一聲抱歉啦