详解vue通过NGINX部署在子目录或者二级目录实践
2018-09-03 10:18
986 查看
1、修改 router/index.js
添加一行
base: 'admin',
2、然后修改 config/index.js
增加一行
const assetsPublicPath = '/admin/'
然后修改 下面两处assetsPublicPath 的值为定义的变量
3、部署时,通过NGINX的反向代理
首先,给需要部署的项目定义一个 NGINX 的 server
server { listen 8001; location / { # vue h5 history mode 时配置 try_files $uri $uri/ /index.html; root /home/html/travel_admin/dist; index index.html index.htm; } }
再到配置域名的主配置server上做反向代理
server { listen 80; server_name web.zjj7.com; location / { # 这里是根目录的项目 try_files $uri $uri/ /index.html; root /home/html/travel/dist; index index.html 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 http://127.0.0.1:8001/; } }
这要重启NGINX以后,部署就完成了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 网站二级目录或者子目录安装 WordPress 伪静态规则设置方法,服务器为nginx
- 如何将django部署从顶级目录迁移到子目录下(NGINX UWSGI DJANGO)
- Nginx通过二级目录(路径)映射不同的反向代理,规避IP+端口访问
- Nginx通过二级目录(路径)映射不同的反向代理,规避IP+端口访问
- Nginx二级目录、域名部署
- vue项目打包部署_nginx代理访问方法详解
- 详解通过Nginx部署Django(基于ubuntu)
- Docker 通过Nginx镜像部署Vue项目
- Docker新手实践及部署NGINX的步骤详解
- apache下面二级目录部署react/vue的方法
- 详解Vue项目编译后部署在非网站根目录的解决方案
- nginx 不同目录静态资源位置 通过二级目录(路径)映射不同的反向代理
- flask+uwsgi+supervisor+nginx在局域网服务器上部署实践
- vue 文件目录结构详解
- Vue通过URL传参如何控制全局console.log的开关详解
- 快速部署Python应用:Nginx+uWSGI配置详解
- 详解Django+Uwsgi+Nginx的生产环境部署
- 详解在Vue中使用TypeScript的一些思考(实践)
- Linux的nginx环境的vue 部署
- Docker部署WordPress LNMP(Nginx PHP MySQL)环境实践