webpack publicPath 文档

vue router base 属性 文档

1、webpack的原因

在 webpack 打包过程中，有一个配置属性，它允许您指定应用程序中所有资产的基本路径。

如果不配置这个属性，页面打包后，所有资源的加载 URl ，是默认的当前的一个路径，

但是当你放到服务器上的时候，你从浏览器请求，这个时候请求的 url 上可能会带一些路径

这个时候。资源就请求不到了。

不配置情况：

配置情况：

2、vue 的原因

在 vue 项目中使用 vue router 的过程中，当你使用 history 模式的情况下，发现打包上线后，也没有报错，资源也都加载到了，但是页面空白，这个时候，很可能就是 router base 属性的问题。

看文档：

使用这个的前提是：打包后的项目线上路径不在根路径下。就需要使用 base 属性，来告知 项目路由去哪里找这些文件。 

另外，除了这样的配置外，还是需要服务端做对应的配置的，

如下是 nginx 的例子：

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