Ant Design Pro 运用点滴 [7]

关于部署

其 实这个地方，官方文档写得还算是比较明白了。但是我的理解能力不行，所以在这里记下来。

官方文档如下

部署 html 到非根目录

经常有同学问这个问题：

为什么我本地开发是好的，部署后就没反应了，而且没有报错？

没有报错！ 这是应用部署在非根路径的典型现象。为啥会有这个问题？因为路由没有匹配上，比如你把应用部署在 /xxx/ 下，然后访问 /xxx/hello，而代码里匹配的是 /hello，那就匹配不上了，而又没有定义 fallback 的路由，比如 404，那就会显示空白页。

怎么解决？

可通过配置 base 解决。

export default {
  base: '/path/to/your/app/root',
};

静态资源在非根目录或 cdn

这时，就需要配置 publicPath。至于 publicPath 是啥？具体看 webpack 文档，把他指向静态资源（js、css、图片、字体等）所在的路径。

export default {
  publicPath: "http://yourcdn/path/to/static/"
}

我的理解

如果我们要把生在的静态资源放在非根目录，可能就需要做上面列出的两项配置。
如下

exprot default{
  publicPath:'/admin/',
  base:'/admin/',
}

我不知道是否还有没有更好的方法，反正我现在就是这么干滴。