Vue-cli4项目部署在网站非根目录下

部署需求

把项目部署在www.yourdomain.com/folder下，只需要配置两个地方

vue.config.js文件

vue-cli4不会自动生成该文件，需要自己在根目录下创建

module.exports = {
	// 只配置生产环境
    publicPath: process.env.NODE_ENV === 'production' ? '/folder/' : '/'
}

router/index.js

我的vue-router的版本是3.x

const router = new VueRouter({
    routes,
    mode: 'history',
    base: process.env.NODE_ENV === 'production' ? '/folder/' : '/',
})

然后就打包把dist下的文件复制到folder下，访问即可