vuecli3.x 打包部署到子目录相关配置

部署在http://www.xxx.com/域名的根目录，不需要过多配置，正常配置就可以跑起来；

部署在http://www.xxx.com/xxx这种情况时，需要添加如下配置

一、vue.config.js

module.exports = {
    // 基本路径
    publicPath: process.env.NODE_ENV === 'production' ? '/xxx/' : '/',
    ......
}

二、路由配置参数

new Router({
    mode: 'history',
    base: process.env.NODE_ENV === 'production' ? '/xxx/' : '/',
    scrollBehavior: () => ({ y: 0 }),
    ......
})

修改这两个地方就可以正常跑起来了。

至于nginx配置可以参照官方文档