带二级目录的Nginx配置------目前找到的最简单的方法
2024-09-01 09:28:39
由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置nginx的时候会出现二级目录
目前找到的最简单的方法
- step1:修改 vue.config.js
添加配置 baseUrl: '/dist/',
- step2:修改 router/index.js
const router = new VueRouter({
mode: 'history',
base: '/dist/',
routes
})
- step3: 配置nginx
在本地目录下,创建conf.d文件夹,里面随意创建任意文件,扩展名为.conf
我在本地目录下新建了一个conf.d文件夹,里面创建了一个test.conf文件
文件中添加如下配置(以vue项目为例):
server {
listen 80;
server_name localhost(域名);
root E:/vue/prog/nginx-root/dist; -------nginx指向目录
autoindex on; -------------自动锁死在index.html里
index index.html index.htm;
charset utf-8;
location /api {
proxy_pass http://反向代理的地址;
}
location / {
try_files $uri $uri/ /index.html; -----vue官网上的配置,假设路径路由找不到的时候,默认跳转到首页index上
} }
运行start nginx 就可以啦~~~~~~~~
如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,
当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,
如果这篇博客没有帮助到您,那就只能说一声抱歉啦
最新文章
- 使用Echarts实现动态曲线图表
- 多媒体(2):WAVE文件格式分析
- Cobar-Client 实现策略总结
- ASP.NET WebForm中用async/await实现异步出人意料的简单
- Nodejs之socket广播
- Ubuntu 14.04 升级后 VPN 无法连接的问题
- Jmeter安装设置
- php基础之 ->;, =>;,@,&;,::,%符号
- UVA 1160 - X-Plosives 即LA3644 并查集判断是否存在环
- python第一天(文件流以及控制流)简单总结
- Android开发学习之路--RxAndroid之简单原理
- mapreduce shuffle 和sort 详解
- 弹性布局 - flex对齐
- 【原创】数据库基础之Mysql(2)主从库配置
- 关于矩阵快速幂的用法总结QwQ
- python3笔记(二)Python语言基础
- java框架篇---hibernate之连接池
- Linux本地解析文件/etc/hosts说明【原创】
- Mysql中的auto_increment
- 高可用Mysql架构_Haproxy+keepalived+mycat集群的配置
热门文章
- 爬虫代码实现四:采用Hbase存储爬虫数据(1)
- shell编程流程控制
- win7 win8 快捷键直接调出任务管理器
- Fitnesse中TemplateLibrary的使用方法
- 简易DIV垂直居中阴影层笼罩JS实现
- android摄像头获取图像——第三弹
- cogs 1176. [郑州101中学] 月考
- Label-Free Proteomic Analysis of Exosomes Secreted from THP-1- Derived Macrophages Treated with IFN‑α Identifies Antiviral Proteins Enriched in Exosomes (文献分享一组-张霞)
- 跳转到另一个APP
- 搭建 CDH 版本hive