1.修改路由器/index.js

添加一行

base : ' admin '

2.然后修改config/index.js

添加一行

Const assetsPublicPath='/admin/'，然后将以下两个assetsPublicPath值修改为定义的变量

3.在部署期间，通过NGINX的反向代理

首先，为要部署的项目定义一个NGINX服务器

服务器{ listen 8001在location/{# vue h5历史模式下配置了try _ files $ uri $ uri//index . html；root/home/html/travel _ admin/dist；index.htmlindex.htm指数；}}然后在配置域名的主配置服务器上进行反向代理

服务器{ listen 80服务器名web.zjj7.com；位置/{#这是根目录的项try _ files $ uri $ uri//index . html；root/home/html/travel/dist；index.htmlindex.htm指数；} #这里是要部署的二级目录应用配置位置~/admin/{ proxy _ redirect off；proxy _ set _ header Host $ hostproxy _ set _ header X-Real-IP $ remote _ addr；proxy _ set _ header _ X-forward-For $ proxy _ add _ X _ forward _ For；proxy _ pass http://127 . 0 . 0 . 1:8001/；}}重新启动NGINX后，部署完成

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。