带二级目录的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      就可以啦~~~~~~~~

 

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

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

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

 

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/aiops/6442.html

(0)
上一篇 2021年7月16日 23:25
下一篇 2021年7月16日 23:25

相关推荐

发表回复

登录后才能评论