Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理

1.config/config.js中

export default {中加上如下：

history: 'hash', //采用hash路由：#/xxx的形式

base:'./',

publicPath:'./',

（会自动将/static/xxx.jpg之类的和umi.js中的a.p="/"及index.html中window.routerBase中该值进行替换）

2.生成出来的dist目录中index.html所有路径改成./xxx这种形式。（可能color.less路径还没有变成./）

3.src/utils/request.js中

return fetch(url, newOptions)

改为

return fetch("."+url, newOptions)

所有ajax请求根目录从.开始

4.注销后重新登录url错误问题

src/models/login.js

routerRedux.push({pathname: '/user/login',search: stringify({redirect: window.location.href,}),
})

修改为

routerRedux.push({pathname: '/user/login',search: stringify({redirect: window.location.hash,}),
})

Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理相关推荐

漂亮的实力派 Ant Design Pro 2.0 正式发布
1.0 发布之后,Ant Design Pro 受到了业界广泛关注和使用,GitHub 上 star 数一路增长到 11,686 个,在蚂蚁金服内部也落地数百个中后台应用. 在这 8 个月内,2.0 ...
ant design pro （八）构建和发布
一.概述原文地址:https://pro.ant.design/docs/deploy-cn 二.详细 2.1.构建当项目开发完毕,只需要运行一行命令就可以打包你的应用: npm run buil ...
Ant Design Pro初探
Ant Design Pro 浅析脚手架下载 Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互脚手架下载软件环境:NodeJS,Git 下载步骤: 1.cl ...
Ant Design Pro v4 is Here
Ant Design Pro v4 is Here 距离 Pro 的上个版本发布已经过去了 8 个月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为主.在此期间我们遇到了许多使用 P ...
Ant Design Pro(5)-3.UI配置
Ant Design Pro中的UI配置 UI配置 1.布局样式 layout 插件与pro-layout 配置的配置形同. 推荐先使用 Pro 站点的右侧抽屉来帮助你完成布局相关的整体风格.主题 ...
Ant Design Pro of Vue方案一权限路由配置（一步步完成，包括所有后端数据库代码，萌新向）
Ant Design Pro of Vue方案一权限路由配置(一步步完成,包括所有后端数据库代码,萌新向) 参考了许多csdn的文章,感谢大家为社区做的贡献,我也来汇总一波,谢谢
UmiJS TypeScript Ant Design Pro v4 从零开始实战教程（63 个视频）
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程(63 个视频) Antd Pro 是国内最流行的前端后台框架,使用它可以轻易搭建一个超级 ...
使用Ant Design Pro，一个企业级开箱即用的中后台前端
#目录 ** 此文仅是个人自学理解的学习笔记,若有不对之处敬请指导更正,谢谢! ** 文章目录 @[toc] Ant Design Pro 了解知识储备安装使用方法一:clone 实践 ESli ...
ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...

Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理

Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理相关推荐

最新文章

热门文章