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

.解决页面空白,找不到资源 在项目根目录中的vue.config.js中publicPath: 修改为publicPath: . ,如果没有这个文件,新建一个,基础代码为: .解决路由不起作用: 将路由中的红框里面的注释掉,或者将history模式更改为vue项目默认的hash模式即可 ...

2019-08-23 10:38 0 1517 推荐指数:

查看详情

vue打包显示为空白页的解决办法

ebpack+vue-cli 根据官网安装、打包出来的html直接打开是显示空白。而vue打包成html不需要放在服务器上就能浏览。 解决办法: 1、config → index.js 找到对应路径下的配置文件,修改 module.exports 中的 assetsPublicPath ...

Tue Oct 09 17:38:00 CST 2018 0 671
vue cli 3.0 脚手架 实现项目打包(解决项目打包空白页问题)

写完项目的代码,项目准备上线 ,可以使用 npm run build 命令 对项目打包。 但是经常出现打包好的项目是空白页的情况。这是因为需要我们手动配置。 解决方法如下 1. 在vue项目的根目录 下创建 一个 vue.config.js文件。 2.在文件中输入 ...

Mon May 18 22:16:00 CST 2020 0 853
如何解决vue2.0 打包之后 打开index.html出现空白页

如何解决vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath ...

Wed Aug 21 02:17:00 CST 2019 0 1750
vue-cli项目打包出现空白页和路径错误问题

vue-cli项目打包: 1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js ...

Tue Nov 21 17:57:00 CST 2017 2 21551
vue-cli项目打包出现空白页和路径错误问题

vue-cli项目打包: 1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js ...

Thu Dec 21 19:03:00 CST 2017 0 1517
解决 vue-cli 打包项目出现空白页面的坑!

  使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径,解决的办法也是非常简单,将config/index.js 中的 assetsPublicPath 修改为空 ‘’,默认值为 ‘/’。 ...

Tue Sep 25 20:20:00 CST 2018 0 887
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM