默认打包出来的项目运行在根目录可以正常显示,如果在二级域名下就会显示空白,是因资源引用路径及路由模式不同导致的。
vue.config.js 文件中可以将publicPath这个配置加上:
module.exports = {
publicPath: process.env.NODE_ENV === 'release' ? './' : '/',
devServer: {
disableHostCheck: true
},
chainWebpack: config => {
config.resolve.alias
.set('@', resolve('src')); // key,value自行定义,比如.set('@@', resolve('src/components'))
}
};
具体还可以参考这篇文章:二级目录访问配置