首页 > 其他分享 >umi3 部署

umi3 部署

时间:2023-02-10 10:45:11浏览次数:54  
标签:hash 部署 umi3 配置 根目录 type

umi3 部署

Felicity_GaoIP属地: 山西 2021.09.01 10:22:00字数 248阅读 1,514

一、部署在非根目录下的配置

umi3项目的路径默认是根目录,当部署在非根目录下时其路由配置会出问题导致访问到的文件为空,这就需要我们在umi.rc(或者config)文件中进行一下配置

  1. 配置路由路径
base: '/dist',
  1. 配置静态文件的访问路径
publicPath: './',

因为umi默认是绝对路径,静态资源的引用地址都是在根目录下,所以在非根目录下访问不到资源,这个配置完成后,我们就可以在非跟目录下访问到静态资源了。

二、本地静态打开

不知道什么奇葩要求,同事问我本地不启动服务如何打开打包后的项目,本地打开后资源可以正常引入,但是页面只有样式,内容空白。找到一个解决办法,配置成hash模式

  history: {
    type: 'hash',
  },
// type,可选 browser、hash 和 memory, 默认是browser
// options,传给 create{{{ type }}}History 的配置项,每个类型器的配置项不同

标签:hash,部署,umi3,配置,根目录,type
From: https://www.cnblogs.com/sexintercourse/p/17108097.html

相关文章

  • 应用部署初探:微服务的3大部署模式
    在之前的文章中,我们已经充分了解了应用部署的4种常见模式(金丝雀部署、蓝绿部署、滚动部署及影子部署)。随着云原生技术逐步成熟,企业追求更为灵活和可扩展的系统,微服务架构大......
  • 应用部署初探:微服务的3大部署模式
    在之前的文章中,我们已经充分了解了应用部署的4种常见模式(金丝雀部署、蓝绿部署、滚动部署及影子部署)。随着云原生技术逐步成熟,企业追求更为灵活和可扩展的系统,微服务架构大......
  • docker搭建vue+nginx部署
    Vue+nginx部署1.首先安装ningx镜像 2.将nginx关键目录映射到本机  首先在本机创建nginx的文件存储目录       www:nginx存储网站网页的目录......
  • rocketmq部署遇到的坑
    我部署的是5.0.0版本的mq1.broker.conf配置修改后不生效解决方法:指定配置文件启动broker nohupsh./mqbroker-c../conf/broker.conf&2.broker启动成功,外网无法......
  • Ansible的部署和命令模板
    一、ansible的概述1、ansible简介Ansible是一款为类Unix系统开发的自由开源的配置和自动化工具。它用Python写成,类似于saltstack和Puppet,但是有一个不同和优点是我们......
  • ansible的部署和命令模块
    一、ansible的概述1、ansible简介Ansible是一款为类Unix系统开发的自由开源的配置和自动化工具。它用Python写成,类似于saltstack和Puppet,但是有一个不同和优点是我们......
  • Prometheus安装部署及监控linux主机
    Prometheus(普罗米修斯)是一套开源的监控&报警&时间序列数据库的组合,起始是由SoundCloud公司开发的.Prometheus基本原理是通过HTTP协议周期性抓取被监控组件的状态,这样做的好......
  • SRv6四种典型部署场景
    SRv6可以应用于单个网络域,如IP骨干网、城域网、移动承载网和数据中心等单自治域网络,也可以应用于端到端网络,如跨域VPN和运营商的运营商。一、IP骨干网中的部署场景SRv6网络......
  • 2.0部署2023更新
    一、nginx#---------------------------------------------------------------------#小衍2.0nginx部署#-------------------------------------------------------......
  • 热部署的相关
    热部署就是当我们改代码时,不用重启服务器,也能生效,有两种一种是手动部署热部署,一种是自动的部署,首先需要导入热部署的jar依赖:手动的每次改完代码后需要build或者使用快捷键......