原文:处理 vue history模式打包后页面为空白页的问题

在vue根目录下创建vue.config.js 文件 修改router.js 修改Nginx配置 转载至http: www.gzui.net archives ...

2020-05-22 10:18 0 4212 推荐指数:

查看详情

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
vue history模式下,部署到服务器出现空白页情况

项目场景   vue搭建的项目,路由一直用的hash模式,所以url中都会带有一个“#”号。  现在想要去掉“#”,于是使用history模式 { mode: 'history' },代码如下: 问题页面空白 mode: 'history ...

Wed Jul 31 02:29:00 CST 2019 0 2991
vue3.0以上关于打包出现空白页和路由不起作用

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

Fri Aug 23 18:38:00 CST 2019 0 1517
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