使用又拍云云存储部署 SPA 单页应用(vue angular react 均适用)以及 SEO方案

作者: admin 分类: IT运维 发布时间: 2018-10-24 10:44

公司一个vue项目,路由模式采用history模式,在开发环境没有问题,但是部署到阿里云CDN后,刷新页面出现404页面。

vue-router官方给出的nginx修改配置是:

location / {
  try_files $uri $uri/ /index.html;
}

网上搜索给出的一大堆解释,无法解决刷新后404页面显示问题。

最终通过又拍云云存储中的“边缘规则”设置解决(貌似国内其他CDN云存储厂商还没有支持此功能),步骤如下,编程模式,在边缘规则下添加规则如下:

$WHEN($NOT($MATCH($_URI,'[\\.]')))/index.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注