若依项目带子路径部署

ue 默认的发布位置是在web服务的根目录下，比如地址是：http://127.0.0.1/index.html
但很多时候，我们的web服务下有多个网站，是通过虚拟路径来区分的，比如http://127.0.0.1/admin/index.html
这就遇到一问题，如何将VUE项目发布到二级目录。
以若依系统为例我们讲述下需要修改的项目配置

前端代码配置

vue.config.js

src\router\index.js

src\layout\components\Navbar.vue

 src\utils\request.js

服务器存放打包好的前端项目的地址

 nginx 配置

 location /admin/ {
            root   /opt/project;
            try_files $uri $uri/ /admin/index.html;
            index  index.html index.htm;
        }

后端配置

如果我们访问后端接口的时候也想带前缀该怎么配置的呢？

修改前端

 nginx配置

   location /btjx-api/  {
    proxy_pass   http://127.0.0.1:8088/;
proxy_set_header Host $host;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_redirect off;
   }