关于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 配置能够参照官网文档