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