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

编程教程 > nginx (1947) 2024-11-26 14:39:04

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

 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
nginx配置server { listen 80; server_name localhost; #access_log /var/log...
PVE配置nginx代理访问。nginx配置:server { listen 10101 ssl; server_name pve.ok.top; #ssl on; #从腾...
最近网站被恶意访问了,了解了一些基础防护手段,nginx屏蔽ua访问 编写文件agent_deany.conf #使用方法 #创建目录 /etc/nginx/conf.d/deny...
Nginx的upstream支持5种 分配方式,其中 轮询、权重、IP散列这三种为Nginx原生支持的分配方式,fair 和 url_hash 为第三方支持的分
Linux(centos) nginx安装和nginx入门配置方法1.切换至root用户$su - 2.执行在线安装命令#yum install nginx -y 如果上面提示以下内容[root...
概述Vue3 + Vite 打包整合到Spring boot项目,两种模式。单一项目和多重项目单一项目:vue 单一项目整合到一个Spring Boot 项目多
策略模式简介策略设计模式是一种行为模式,其中我们有多种算法/策略来实现任务,以及使用哪种算法/策略供客户选择
Nginx 安装Nginx 安装参考:Linux yum nginx安装和nginx入门配置方法-XQLEE'BlogAlpine Linux nginx安装配
mybatis事物访问数据库的一级缓存和二级缓存和刷新缓存
1.新增nginx屏蔽配置文件文件暂时为/etc/nginx/conf.d/deny_ua.config说明:文件名deny_ua.config,后缀为.config非.conf,原因是.con...
在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来
Nginx 配置日志nginx默认的日志配置在nginx.conf配置文件。
介绍在本教程中,我们将探索另一种流行的行为设计模式 - 状态设计模式
Windows系统自身是没带有界面的文件hash计算插件的。这里将推荐一款Windows适用的开源文件hash计算工具,该工具支持格式:MD5/SHA-1/SHA-256/SHA-512等格式。
普通写法​vantUI 使用字体图标和文字<template&gtl; <van-tabbar v-model="active" active-color="#07c160"&gtl...