专栏首页前端人人Ant Design Pro 部署到 aliyun oss 遇到的一个小问题

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),作者:思铭

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React第三方组件2(状态管理之Refast的使用④中间件middleware使用)

    本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件2(状态管理之Refast的使用①...

    前端人人
  • React多页面应用3(webpack4 多页面实现)

    本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建...

    前端人人
  • React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)

    本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,...

    前端人人
  • Python 抓取微信公众号账号信息

    搜狗微信搜索提供两种类型的关键词搜索,一种是搜索公众号文章内容,另一种是直接搜索微信公众号。通过微信公众号搜索可以获取公众号的基本信息及最近发布的10条文章,今...

    一墨编程学习
  • 「Workshop」第四期:Tidyverse 实战批量建模可视化

    本次主要介绍了一些基本的正则表达式用法以及公式的创建和使用,然后介绍使用 tidyverse 组合拳进行批量建模和可视化。

    王诗翔呀
  • 修改windows系统文件权限

    修改windows系统文件总是提示没有权限,虽然已是administrator也不管用。

    流柯
  • 学习大数据,一定要了解大数据的这些用途

    通过大数据,百度掌握你的隐私,微信知道你的社交圈子,淘宝了解你的购物习惯,移动电信联通三大运营商存有你的 通话记录和上网记录……

    一起学习大数据
  • MySQL死锁产生原因和解决方法

    所谓死锁:是指两个或两个以上的进程在执行过程中,因争夺资源而造成的一种互相等待的现象,若无外力作用,它们都将无法推进下去.此时称系统处于死锁状态或系统产生了死锁...

    用户1516716
  • MySQL 死锁产生原因和解决方法

    blog.csdn.net/tr1912/article/details/81668423

    一个优秀的废人
  • 我通过六个 MySQL 死锁案例,终于理解了死锁的原因

    生活中,最常见的案例之一,十字路口没有红绿灯,到了十字路口相互不让,最后,整个马路瘫痪,在我们技术层面称之为死锁。

    田维常

扫码关注云+社区

领取腾讯云代金券