详解vue通过NGINX部署在子目录或者二级目录实践

　　

1,修改路由器/index.js

　　

添加一行

　　 　　 　　基础:“admin”, 　　 　　

详解vue通过NGINX部署在子目录或者二级目录实践“> </p> 　　<p> 2,然后修改配置/index.js </p> 　　<p>增加一行</p> 　　 　　<pre类= 　　const assetsPublicPath='/admin/' 　　 　　

然后修改下面两处assetsPublicPath的值为定义的变量

　　

详解vue通过NGINX部署在子目录或者二级目录实践“> </p> 　　<p> 3部署时,通过NGINX的反向代理</p> 　　<p>首先,给需要部署的项目定义一个NGINX的服务器</p> 　　 　　<pre类= 　　服务器{ 　　听8001; 　　位置/{ 　　# vue代替历史模式时配置 　　try_files uri uri//index . html美元; 　　 　　根/home/html/travel_admin/dist; 　　指数指数。html你; 　　} 　　 　　} 　　 　　

再到配置域名的主配置服务器上做反向代理

　　 　　 　　服务器{ 　　听80; 　　server_name web.zjj7.com; 　　位置/{ 　　#这里是根目录的项目 　　try_files uri uri//index . html美元; 　　根/home/html/travel/dist; 　　指数指数。html你; 　　} 　　#这里是需要部署的二级目录应用配置 　　位置^ ~/admin/{ 　　proxy_redirect; 　　proxy_set_header主机主机美元; 　　proxy_set_header X-Real-IP remote_addr美元; 　　proxy_set_header X-Forwarded-For proxy_add_x_forwarded_for美元; 　　proxy_pass http://127.0.0.1:8001; 　　} 　　} 　　 　　

这要重启NGINX以后,部署就完成了

　　

详解vue通过NGINX部署在子目录或者二级目录实践“> </p> 　　<p>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。</p><h2 class=详解vue通过NGINX部署在子目录或者二级目录实践