nginx同时配置两个vue项目

关键在于rewrite配置，根据请求的url重定向到其他页面

欢迎访问我的个人博客

东哲个人博客

 1.在nginx.conf下配置

location / {
    #网站主页路径。此路径仅供参考，具体请您按照实际目录操作。
    root html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
}
location ^~/admin {
    root html;
    index index.html;
    rewrite ^/admin/(.*)\.*$ /admin/$1 break;
    try_files $uri $uri/ /admin/index.html;
}

 第一个项目在html文件夹下，第二个项目在admin下，我默认主页是第一个项目的首页，当域名下面加上admin访问的便是admin项目了，上面的配置

rewrite ^/admin/(.*)\.*$ /admin/$1 break; 

重定向到admin下面的文件寻找

try_files ：解决单页面刷新报404的问题

2.vue下也要配置

配置admin项目的访问前缀，得加上admin，因为在nginx下任何相对访问都是在配置的根目录下进行的，也就是html下面，