ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

打包后页面出现空白问题

打包后页面出现空白问题

问题:打包后npm run build,生成dist文件,出现页面空白问题

---------------------------------------------------------------------------------------------------------------------------------

原因一、资源加载路径错误,即dist/index.html中的资源引用为相对路径,而不是/js/……

解决:在vue.config.js文件中,添加 publicPath: '/' 配置

原因二、路由模式为history(因为需要服务器端支持)

解决:将history模式改为hash模式 或 告诉后端需要重定向

在src/router/index.js中,

const router = new VueRouter({
mode: 'hash', // 将 'history' 改为 'hash'
routes
}

返回列表