关于vue.js:vuecli3x-打包部署到子目录相关配置

部署在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配置能够参照官网文档