怎么请求小程序直播_详解vue通过NGINX布置在子目

日期:2021-01-08 类型:行业动态 

关键词:公众号小程序,小程序正规价格表,微信群签到小程序,网络抽签小程序,个人做小程序需要什么

详解vue通过NGINX部署在子目录或者二级目录实践       这篇文章主要介绍了详解vue通过NGINX部署在子目录或者二级目录实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

2、然后修改 config/index.js

增加一行

const assetsPublicPath = '/admin/'

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

3、部署时,通过NGINX的反向代理

首先,给需要部署的项目定义一个 NGINX 的 server

server {
 listen 8001;
 location / {
 # vue h5 history mode 时配置
 ;
 root /home/html/travel_admin/dist;
  index.htm;
 }

再到配置域名的主配置server上做反向代理

server {
 listen 80;
 server_name ;
 location / {
 # 这里是根目录的项目
 ;
 root /home/html/travel/dist;
  index.htm;
 # 这里是需要部署的二级目录应用配置
 location ^~/admin/ {
 proxy_redirect off;
 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_pass ;
 }

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。