1. 程式人生 > >帶二級目錄的Nginx配置------目前找到的最簡單的方法

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

clas bubuko color 添加 roo 域名 16px star str

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

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

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

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

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