Ant Design Pro 部署到 aliyun oss 遇到的一个小问题

以往我们都是买一台服务器托管,然后把前端页面和后端服务放在同一台机器上,把域名解析到这台服务器,通过nginx绑定域名,并指向到前端页面所在目录,前端页面请求接口,就配置nginx代理转发,比如匹配到 '/xxxx',就转发到后台服务上。

但是我们现在决定把前端页面(html,js,css,图片等其他静态资源)部署到 (阿里云对象存储服务(Object Storage Service,简称 OSS),然后后台接口允许跨域请求。

这些都设置好后,我就把 Ant Design Pro 的项目打包上传到aliyun oss,一切都很正常,但是就不能刷新页面,一刷新页面就报这样的错误,错误信息:This XML file does not appear to have any style information associated with it. The document tree is shown below.

如图

这个问题跟前端路由有关系,Ant Design Pro(>=2.0) 使用 UmiJS ,umi 默认是用的 Browser History,如果要用 Hash History,需配置:

export default {

history: 'hash',

}

如果我们使用默认配置(Browser History),以前我们需要在nginx里这样配置:

location / {

# 用于配合 browserHistory使用

try_files $uri $uri/ /index.html;

}

而在 aliyun oss 里,我们可以通过在 基础设置 --> 镜像回源 来设置,也可以达到这样的效果。

设置如下:

图1

图2

设置完立即生效,再刷新页面,就正常了。

原文发布于微信公众号 - 前端人人(frontend_everyone)

原文发表时间:2019-05-30

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券