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

本文主要是介绍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配置可以参照官方文档

这篇关于vuecli3.x 打包部署到子目录相关配置的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！