原文:vue项目 build之后发布到服务器index.html页面空白解决方法

第一部分 之前一直不太理解为什么要使用vue webapck,还有在使用了vue cli之后会用到后台,即vue cli自动帮我们安装了express服务器,在本地服务器上运行,因为我们希望可以模拟在真是服务器上的效果,然而又不可能始终在真实的服务器上运行,所以在本地服务器上运行就很重要了。 但是通过vue webpack构建的项目如何部署到服务器上呢 首先VUE 是一个javascript的前 ...

2019-04-27 16:20 0 2421 推荐指数:

查看详情

Vue通过build打包后 打开index.html页面空白

最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面空白的,还会报几个错,找不到页面路径。 原因:找到config ...

Wed Jan 23 06:43:00 CST 2019 0 4209
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题

在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。 解决办法:改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行 ...

Sun Jul 28 23:17:00 CST 2019 0 547
如何解决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项目发布服务器之后出现空白页和图片找不到的问题

发布服务器之后出现 1、空白页,在config中的index.js文件中找到assetsPublicPath(注意是build里面的)。他的默认值是assetsPublicPath: '/'改成如图所示样子就可以了。(图片找不到的时候也有可能是这里没有改) 2、部分图片找不到,img中 ...

Mon Sep 23 19:53:00 CST 2019 0 368
vue-cli项目npm run build后,index.html无法在浏览打开

一 般打包的时候命令行会出现如下错误提示: 然后去dist文件夹运行index.html。在浏览里会发生如下错误提示: 先在config/index.js把原本是/改成./,然后再去bulid文件夹的build.js里,把命令行提示那段console.log给删除掉,或者注释 ...

Thu Mar 29 07:45:00 CST 2018 0 3528
Vue本地执行build之后打开dist目录下index.html正常访问

场景 Vue项目执行 后会在本地dist下生成打包后的文件 但是此文件给后端后就能访问, 如果直接在本地双击在浏览中打开就会提示一堆文件路径找不到。 这是因为直接在本地访问打开的话,请求资源的url是如上图file://那种开头 ...

Tue Jul 14 18:36:00 CST 2020 0 1557
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM