帶二級目錄的Nginx配置------目前找到的最簡單的方法
阿新 • • 發佈:2018-11-15
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配置------目前找到的最簡單的方法