vue3.0以上关于打包后出现空白页和路由不起作用

1.解决页面空白，找不到资源

在项目根目录中的vue.config.js中publicPath: '/'修改为publicPath: './',如果没有这个文件，新建一个，基础代码为：

module.exports = {publicPath: './',outputDir: 'dist',lintOnSave: true,runtimeCompiler: true, //关键点在这  // 调整内部的 webpack 配置。// 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.mdchainWebpack: () => {},configureWebpack: () => {},// 配置 webpack-dev-server 行为。
    devServer: {open: process.platform === 'darwin',host: '0.0.0.0',port: 8080,https: false,hotOnly: false,// 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理proxy: null, // string | Objectbefore: app => {}}}

2.解决路由不起作用：

将路由中的红框里面的注释掉，或者将history模式更改为vue项目默认的hash模式即可

转载于:https://www.cnblogs.com/WangXinPeng/p/11398588.html

vue3.0以上关于打包后出现空白页和路由不起作用相关推荐

vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...
word文档删除表格后的空白页
word文档删除表格后的空白页如果word文档是以表格结尾的话,有时候我们会发现最后的空白页无法删除.这时候可以在空白页上设置固定值为1磅.点击[段落]-[行距]选择固定值,改为1磅就可以删除空白页 ...
flash air打包后运行空白的奇怪问题
2019独角兽企业重金招聘Python工程师标准>>> 今天打包了个air程序,开发过程中都已调试完成,但打包后运行一片空白,第一次碰到这种问题. 怀疑是内部运行出现错误后导致画面没 ...
vue 打包后页面空白问题
1.可能是打包的路径有问题你可以打开打包后的index.html检查一下css,js的路径是否正确: 路径不正确,你就需要在vue.config.js中修改这个属性:(vue.config.js不知 ...
vue main.js中引入js_手把手教你深入Vue3.0(Vue-cli4)项目打包性能优化实践
记录了自己的博客在禁用缓存的情况下,从八九秒加载时间到最终985ms的优化实践,开启缓存的情况下能达到138ms的访问速度本人的个人博客采用的是Vue-cli4.1.2 + typescript构建 ...
vue ie11打包后页面空白
vue打包后不兼容ie Promise问题 Promise问题 ie是个神奇的浏览器不兼容es6,也就不兼容promise.解决方法 npm install --save babel-polyfill ...
odoo登录后显示空白页
软件环境: win10 企业版 odoo社区版(非odoo社区版代码,而是odoo官方提供的软件安装包) 问题现象: 备份出来的数据库在恢复到其他数据库上后,登录odoo显示空白页(非网络问题).刷新 ...
Excel打开后是空白页
不要慌,现在打开excel文件后默认就是空白页,再返回开始栏打开文件即可加载文件,这与word不同.也就是说excel的启动和加载文件分成两步了,这就给很多普通用户带来了很多困惑,有些人甚至去尝试恢复 ...
关于exchange 2013输入账号密码后owa空白页解决方法
为了表示我不坑,所以还是分享一点东西出来下. 最近在帮客户做升级exchange 2010只2013的,期间出了几个问题,有机会在分享.今天讲一下困扰了我几天的问题.就是登陆owa的时候,输入账号密码 ...

vue3.0以上关于打包后出现空白页和路由不起作用

vue3.0以上关于打包后出现空白页和路由不起作用相关推荐

最新文章

热门文章