vue项目打包部署后页面空白

创建vue.config.js文件，输入：

module.exports = {publicPath: './'
}

如果没生效，在vue-ui可视化界面中设置

路由设置为hash或默认模式，router->index.js

const router = new VueRouter({routes: [{path: '/',redirect: '/login'}]// mode: 'history'
});

重新npm run build，再拷贝到部署路径下即可。

vue项目打包部署后页面空白相关推荐

Vue项目打包部署后首页空白的问题
问题描述在进行项目开发的时候,用Vue进行项目框架的搭建并开发,开发完成时需要部署到客户现场,通过命令 npm run build 将项目打包,然后上传至服务器的tomcat目录下,然后通过地址访问 ...
VUE项目打包部署后刷新浏览器不是最新代码
一.问题每次更新部署完成后都会遇到刷新浏览器不是最新的代码, 二.直接上解决方法: 在项目文件夹下的public文件夹中的index.html的head中添加 <meta http-equiv ...
vue项目打包部署后中文乱码
web项目项目框架:springmvc + vue vue项目本地调试OK,npm run build后,放到springmvc项目的webinfo目录后,再次访问,出现中文乱码情况. 解决办法: ...
vue项目打包部署后css样式失效
项目部署后,样式失效,很奇怪,审查元素发现没有样式,不过却加载了css文件,问题出在哪里呢? 发现不是路径问题,而是加载的不对,content-type:text-plain,而不是content-t ...
vue项目打包部署后，有一个页面数据不显示
问题:类似大屏的项目,里面6个页面,一个页面数据显示不出来,别的页面都好着. 解决方案:有问题的页面后台数据返回的数组里的第一项是空的,页面显示的时候,遇到没值,代码就不会往下走,后面的数据不会显示出 ...
vue项目打包部署-----解决打包后访问资源失败问题
vue项目打包部署-----解决打包后访问资源失败问题参考文章: (1)vue项目打包部署-----解决打包后访问资源失败问题 (2)https://www.cnblogs.com/ycsc/p/1 ...
Vue项目打包部署总结
由于之前对前端部署上线这一套不清楚,所以这次通过查找多方资料总结一下.使用Vue作先后端分离项目时,一般前端是单独部署,用户访问的也是前端项目地址,所以前端开发人员颇有必要熟悉一下项目部署的流程与各种 ...
Vue 项目打包部署实战完整流程总结!
使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也是前端项目地址,因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了. Vue项目打包部署本身不复杂,不过一些前端同学可能 ...
vue项目打包部署到服务器,Vue项目打包部署到apache服务器的方法步骤
vue项目在开发环境下,让项目运行起来,是通过npm run dev命令,原理是在本地搭建了一个express服务器. 但是在服务器上就不是这样的,必须要通npm run build命令来对整个项目进 ...

vue项目打包部署后页面空白

vue项目打包部署后页面空白相关推荐

最新文章

热门文章