vue路由history模式刷新404问题解决方案

2023-11-11

  server {
        listen       8888;#默认端口是80,如果端口没被占用可以不用修改
        server_name  localhost;
        root        E:/vue/my_project/dist;#vue项目的打包后的dist
        location / {
            try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
            index  index.html index.htm;
        }
        #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
        #因此需要rewrite到index.html中,然后交给路由在处理请求资源
        location @router {
            rewrite ^.*$ /index.html last;
        }
        #.......其他部分省略
  }

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue路由history模式刷新404问题解决方案 的相关文章

  • 提升变量有目的吗?

    我最近学习了很多 JavaScript 并且一直在尝试理解提升变量的值 如果有的话 我 现在 明白JS是一个两遍系统 它编译然后执行 另外 我知道 var 关键字 存在 在它声明的词法范围中 因此如果在引擎为其赋值之前调用它 那么它是 未定
  • Chrome 扩展程序可以相互通信吗?

    我正在编写一个Chrome扩展程序 并且想要实现一个接口或api 以便我将来制作的其他扩展程序可以使用它 最终的效果可能如下 分机 B 呼叫extensionA someMethod someParameters 并向分机A发送一些数据 分
  • 在 JavaScript 函数中加载图像

    我有获取图像像素颜色的功能 function getImage imgsrc var img img src imgsrc var imageMap new Object img load function var canvas
  • 如何在 mongodb 聚合管道中使用 Javascript 对象?

    我有一个 JS 对象norm我想在 mongo 聚合管道中使用它 如下所示 var norm 1 1 2 1 16 3 1 413 4 1 622 5 1 6 6 1 753 7 3 001 8 2 818 9 3 291 10 2 824
  • 如何在 google.maps.event.addListener 中使用它

    以下示例有效 但是当我尝试传递参数并使用this在该功能不起作用 Working google maps event addListener markers i click showInfoWindow function showInfoW
  • 从对象中取出具有无效(NaN、空白等)值的键的最佳方法?

    我有一个供用户填写的简短搜索表单 将有多个搜索查询进入 MongoDB 该表单创建一个名为的变量searchParams可能看起来像这样 var searchParams city Springfield bedrooms 3 bathro
  • fadeOut() 和slideUp() 同时进行?

    我已经发现jQuery 淡出然后滑动 https stackoverflow com questions 734554 jquery fadeout then slideup这很好 但不是那个 我怎么能够fadeOut and slideU
  • 如何在 JavaScript 中将变量的内容写入文件[重复]

    这个问题在这里已经有答案了 可能的重复 firefox 如何启用本地 JavaScript 来读取 写入我的 PC 上的文件 https stackoverflow com questions 2846045 firefox how to
  • 如何调试超时等待异步 Angular 任务?无法在角度页面上找到元素

    编辑 请注意 在 ernst zwingli 的帮助下 我找到了问题的根源 因此 如果您遇到相同的错误 他指出的修复之一可能会帮助您 我的问题是量角器本身的一个已知问题 如果您认为这可能是您 我已经扩展了我的步骤 以在我最初的问题之后查明问
  • 为什么函数声明在不同浏览器中的处理方式不同?

    虽然我在谷歌中找不到对此的引用 但我熟悉这样一个事实 在 javascript 中 全局函数声明在执行任何代码之前都会被解释 换句话说 这工作得很好 f function f 但是 我注意到 chrome 和 firefox 对全局函数声明
  • Javascript:我应该隐藏我的实现吗?

    作为一名 C 程序员 我有一个习惯 将可以而且应该私有的东西设为私有 当 JS 类型向我公开其所有私有部分时 我总是有一种奇怪的感觉 而且这种感觉并没有被 唤起 假设我有一个类型draw方法 内部调用drawBackground and d
  • 如何根据另一个下拉列表中的选择动态填充下拉列表中的选项?

    我有一个表 其中包含类别信息 例如产品 我已将它们列在下拉菜单中 现在 我需要做的是 在下一个下拉菜单中列出所选类别的子类别 我希望 javascript 是必需的 但我对 javascript 还不太熟悉 将非常感谢您的帮助 你应该使用
  • D3 向对象添加超链接?

    我正在尝试制作 D3 图 它将代表我网站的菜单 我尝试按照此处的其他指南添加超链接 但它们都不起作用 每个对象都会有一个不同的 URL 指向 主页 关于 联系方式等 如果添加超链接 我可以拖动对象吗 这意味着如果我按住单击 如果我单击该对象
  • 引用自身的 Javascript 对象...有问题吗?

    由于 Javascript 允许通过引用分配复合值 因此如果 Javascript 对象引用自身 它将创建无限的引用集 如控制台中所示 这看起来像是某种无限循环 但 Chrome 似乎没有问题 这样做是否存在任何内存问题或其他风险 就记忆力
  • 如何在新窗口中打开图像或pdf文件?

    我有一个 gridview 它包含文件名和文件路径 图像和 pdf 格式文件 其中我使用了模板字段 在该字段下放置了 1 个图像按钮 单击该图像按钮 即 查看 按钮 时 我想在新窗口中打开所选文件 这是我的代码 protected void
  • 使 Bootstrap Popover 在悬停而不是单击时出现/消失

    我正在使用 Bootstrap 构建一个网站Popover http twitter github com bootstrap javascript html popovers我不知道如何使弹出窗口出现在悬停而不是单击时 我想做的就是当有人
  • 在 Nodejs 中,如何停止 FOR 循环直到 MongoDB 调用返回

    我正在研究下面的代码片段 我有一个名为 stuObjList 的 JSON 对象数组 我想循环遍历数组以查找具有特定标志集的特定 JSON 对象 然后进行数据库调用以检索更多数据 当然 FOR 循环不会等待数据库调用返回并到达 j leng
  • 标记(Markdown)+ Mermaid(流程图和图表)

    努力去争取 美人鱼 https github com knsv mermaid https github com knsv mermaid跟 共事 标记 https github com chjj marked https github c
  • 使用ExternalInterface和IE从JavaScript获取Flash中的当前URL

    我正在尝试获取 Flash 播放器当前所在的 URL 不是 swf 文件的 URL 而是浏览器指向的 URL 到目前为止我已经使用过 var st String ExternalInterface call window location
  • 使圆圈与 d3.js 上的多线匹配相同的颜色过滤?

    我有一个多线图 当按每种水果过滤时会更新 每条线条颜色对应不同的销售年份 在 的帮助下Shashank https stackoverflow com users 5569282 shashank 每个数据点线上的圆圈已添加到组中 而不是直

随机推荐

  • 计算机信息安全技术课后习题答案3-4章

    目录 第三章 信息认证技术 一 选择题 二 填空题 三 简答题 第四章 计算机病毒 一 选择题 二 填空题 三 简答题 第三章 信息认证技术 一 选择题 身份认证是安全服务中的重要一环 以下关于身份认证的叙述不正确的是 B A 身份认证是授
  • 马来西亚理科大学 计算机 校区,马来西亚理科大学在马来西亚是一个怎样的存在?...

    原标题 马来西亚理科大学在马来西亚是一个怎样的存在 马来西亚理科大学成立于 1969 年 马来西亚理科大学是大马建立的第二所国立大学 也是马来西亚五所研究密集型大学之一 马来西亚理科大学是一所全球排名前 1 的顶尖大学 它的医学 理学 工程
  • 【Unity】虚拟现实 VRTK插件使用教程(六)VR UI (UGUI和VRTK的事件处理机制)

    文章目录 UI 2D UI 画布设置 相机设置 用途 3D UI 画布设置 交互 UGUI事件处理流程 VRTK事件处理流程 VRTK源码解析 UI UI通常按类别分为三种 即2D UI 3D UI 模型UI 2D UI 2D UI固定在屏
  • 设计模式之迭代器模式

    迭代器模式 1 需求 编写程序展示一个学校院系结构 一个学校中有多个院 一个学院中有多个系 效果图 2 解决方案 使用迭代器模式进行遍历 将数据的存储和数据的遍历进行分离 3 迭代器模式的简单介绍 迭代器模式 Iterator Patter
  • 使用sql语句对数据库脱敏

    最近帮领导整理了一下数据库 给数据库的某些字段进行脱敏 现在整理一下 嘻嘻 1 姓名脱敏 update table set 列 REPLACE 列 SUBSTR 列 2 1 姓名脱敏之后的效果 2 手机号脱敏 UPDATE table SE
  • mongo简介——update & findAndModify

    由于发现mongo更新太快 跟我之前所学有很多差异 尤其是聚合操作 比较早的版本只有group和mapreduce两个函数 不支持avg max min sum这些操作 现在除了增加了这些常用操作以外还提供了更加丰富的聚合功能 从这一篇开始
  • 制作插件以及用插件克隆物体

    using System Collections using System Collections Generic using UnityEditor using UnityEngine using UnityEngine UI publi
  • uboot命令使用学习(2)

    学习目标 uboot命令使用学习 2 学习内容 学习使用了正点原子的I MX6ULL教程及开发平台 使用uboot的内存操作命令 直接对DRAM进行读写操作 1 md 2 nm 3 mm 4 mw 5 cp 6 cmp 学习时间 2022
  • CVPR 2022 论文列表(持续更新)

    本文包括论文链接及代码 关注公众号 AI基地 及时获取最新资讯 学习资料 GitHub链接 GitHub gbstack cvpr 2022 papers CVPR 2022 papers with code 因为CSDN的markdown
  • Unity中Pivot和Center的区别与应用

    Pivot指的是轴心 是模型在建模软件中构建时指定的 可以在建模软件中进行更改 如果选择了场景中的多个物体的话 则坐标是第一个选中的物体的Pivot坐标 Center指的是中心 是在Unity中根据模型的mesh信息计算得到的中心位置 是所
  • QML学习二:Doxygen为qml工程生成代码文档

    效果如下 设置后能够支持 js和 qml文档 QML学习二 Doxygen为工程生成注释文档 前言 一 安装doxyqml 二 Doxygen设置 1 文档目录设置 2 文档目录设置 三 添加注释 总结 前言 好的代码必须配一个好的文档说明
  • linux named dns中继,菜鸟linux DNS搭建问题,请指教

    下面是相关配置文件内容 ip为192 168 247 168 root localhost named root localhost named root localhost named cat etc resolv conf Genera
  • KEGG_cnetplot绘制基因—通路图(展示想要的通路)——R

    以KEGG富集结果为例 首先进行KEGG富集分析 library clusterProfiler de ekp lt enricher gene TERM2GENE pathway2gene TERM2NAME pathway2name p
  • 多路转接IO/多路复用 select 、poll、 epoll

    多路转接IO 1 多路复用 多路转接 2 作用 I0多路转接可以完成大量描述符的监控 监控的事件 可读事件 可写事件 异常事件 3 当使用多路转接的时候 多路转接接口发现了某一一个文件描述符就绪的时候 就会通知进程 让进程针对某一个描述符进
  • Qt安装教程

    Qt 实际上是一个 C 的桌面图形窗口类库 就是一些 lib 跟 dll 只要把这些 类库引入自己的项目 就能调qt类库做一些操作 例如创建窗口 所以你可以把 这些 qt 的 类库配置在 vs2019 clion 里面使用都是可以的 Qt
  • numpy回忆

    numpy对矩阵操作后 输出的形状与想象的不一样 记个笔记代码 点乘的padding操作容易出错 开发时间 4 24 import numpy as np Data np array 1 2 255 255 0 255 255 0 0 3
  • 墨刀使用笔记

    一 拖动的集中方式 1 按住空格键拖动 2 按住鼠标中间键拖动 3 永久拖动 按住空格键 Alt a 注 必须启动微信 按住空格键拖动即可取消永久拖动
  • wind10生成 SSH 公钥---实现github本地部署、上传

    wind10生成 SSH 公钥 实现github本地部署 上传 1 Git 生成 SSH 公钥 如前所述 许多 Git 服务器都使用 SSH 公钥进行认证 为了向 Git 服务器提供 SSH 公钥 如果某系统用户尚未拥有密钥 必须事先为其生
  • Java的常考问题

    Java的垃圾回收机制 http www importnew com 26821 html https www cnblogs com andy zcx p 5522836 html Java语言支持的8种基本类型是 整数型 byte sh
  • vue路由history模式刷新404问题解决方案

    server listen 8888 默认端口是80 如果端口没被占用可以不用修改 server name localhost root E vue my project dist vue项目的打包后的dist location try f