vuehistory模式构建页面显示空白处理,以下几个地方需要处理:1.在build文件夹下的prod文件output中添加:publicPath:'./'2.configindex.js中assetsPublicPath下的文件夹:'/',没有'.'在斜杠前面。这样,build下的history模式就正常显示了(后端需要添加:显示目录下index.html的代码)3.如果还是不行,查看下的index.html文件router文件夹:mode和路由配置dev:{//在dev路径下可以正常显示:'/',name:'login',meta:{title:'lottery'},component:()=>import('@/views/login')},build:{//上面的dev会显示一个空白页面,必须配置默认路由path:'*',meta:{title:'lottery'},component:()=>import('@/views/login')},4.history模式接下来host:www.baidu.com,url为:wwww.baidu.com/xxx,登录界面跳转到首页界面:应该是wwww.baidu.com/xxx/home,但是跳转是:wwww.baidu.com/home,刷新地址会报错。这是nginx的配置,前端router需要添加base:5.在界面上设置背景图,背景图不显示问题解决:1>目标文件:项目目录>config文件夹>index.htmljsassetsPublicPath:'/'改成:assetsPublicPath:'./'(加点改成相对路径)2>目标文件:项目目录>构建文件夹>utils.js在如图位置添加代码
