Nginx+Vue实现二级子目录history和hash两种模式访问

教程分享 > nginx教程 > 博文分享 (2552) 2024-03-16 09:29:22

nginx配置

server { 
    listen       80; 
    server_name  localhost;

    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html; 
        index  index.html index.htm;
        #解决vue history方式刷新浏览器URL页面404问题
        try_files $uri $uri/ /index.html;

    }
	
}

 
nginx docker-compose.yml

version: "3"
services: 
    web: 
      image: nginx
      container_name: nginx
      volumes: 
        - ./conf.d:/etc/nginx/conf.d
        - ./html:/usr/share/nginx/html
      ports: 
        - 80:80

 


相关文章
nginx配置server { listen 80; server_name localhost; #access_log /var/log...
最近网站被恶意访问了,了解了一些基础防护手段,nginx屏蔽ua访问 编写文件agent_deany.conf #使用方法 #创建目录 /etc/nginx/conf.d/deny...
Nginx的upstream支持5种 分配方式,其中 轮询、权重、IP散列这三种为Nginx原生支持的分配方式,fair 和 url_hash 为第三方支持的分
PVE配置nginx代理访问。nginx配置:server { listen 10101 ssl; server_name pve.ok.top; #ssl on; #从腾...
Linux(centos) nginx安装和nginx入门配置方法1.切换至root用户$su - 2.执行在线安装命令#yum install nginx -y 如果上面提示以下内容[root...
策略模式简介策略设计模式是一种行为模式,其中我们有多种算法/策略来实现任务,以及使用哪种算法/策略供客户选择
1.新增nginx屏蔽配置文件文件暂时为/etc/nginx/conf.d/deny_ua.config说明:文件名deny_ua.config,后缀为.config非.conf,原因是.con...
mybatis事物访问数据库的一级缓存和二级缓存和刷新缓存
在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来
介绍在本教程中,我们将探索另一种流行的行为设计模式 - 状态设计模式
nginx常规使用时作为http协议的反向代理,这里要讲的是非http的Mysql端口代理,理论支持其他协议nginx.conf配置如下:user nginx; worker_process...
alpineLinux安装nginx更新软件apkupdate安装nginxapkaddnginx查看nginx版本nginx-vnginx启停启动停止servicenginxstop重启ser...
普通写法​vantUI 使用字体图标和文字<template&gtl; <van-tabbar v-model="active" active-color="#07c160"&gtl...
最近博客升级总是nginx原生的502页面,感觉有些不友好,特此研究了下502页面的配置nginx 502配置502页面核心配置 #502 page error_...
打开任务管理器发现一大堆nginx进程