当前位置: 首页 > article >正文

Nginx部署Vue项目添加访问后缀

有时候会根据需要,区分不同的vue项目,这样要加一个后缀,不加后缀,访问是http://localhost/,加一个后缀,app,访问路径就是http://localhost/app

一、vue工程配置:
1.vue.config.js publicPath 配置为 /app/
2.route配置base为 /app,model为history

将打包后vue工程文件放入 /usr/share/nginx/html/app 目录
二、nginx配置
server {
listen 80;
server_name ip地址或域名;
location /app {
alias /usr/share/nginx/html/app/;
try_files $uri $uri/ /app/index.html;
}

}

三、重启nginx
再访问时就要加上 app后缀了


http://www.kler.cn/a/514439.html

相关文章:

  • LDN的蓝牙双模键盘帮助文档
  • pytorch 多机多卡训练方法
  • 数据恢复常用方法(三)如何辨别固态硬盘故障类型
  • 蓝桥杯 单词重排
  • 鸿蒙Flutter实战:17-无痛上架审核指南
  • NPM简介
  • Linux计划任务(crontab)
  • Node.js接收文件分片数据并进行合并处理
  • 【cuda学习日记】3.2 CUDA执行模型--并行归约问题
  • vscode导入模块不显示类型注解
  • vscode环境中用仓颉语言开发时调出覆盖率的方法
  • kafka学习笔记7 性能测试 —— 筑梦之路
  • Java学习,查找List最大最小值
  • 可替代CentOS 7的Linux操作系统选型
  • 179最大数(贪心算法)分析+源码+证明
  • AI赋能零售:ScriptEcho如何提升效率,优化用户体验
  • React+AntDesign实现类似Chatgpt交互界面
  • MySQL日期时间函数详解
  • 2.Spring-AOP
  • 探索 Stable-Diffusion-Webui-Forge:更快的AI图像生成体验