原文:Vue本地执行build之后打开dist目录下index.html正常访问

场景 Vue的项目执行 后会在本地dist下生成打包后的文件 但是此文件给后端后就能访问, 如果直接在本地双击在浏览器中打开就会提示一堆文件路径找不到。 这是因为直接在本地访问打开的话,请求资源的url是如上图file: 那种开头的路径,需要的是类似于 localhost: 这样的在服务器中的访问路径。 经过参考别人的博客,有将vue.config.js中的 publicPath: . , 改为相 ...

2020-07-14 10:36 0 1557 推荐指数:

查看详情

vue配置编译本地打开dist/index.html文件

项目完成后npm run build会生成dist文件,此时直接将dist文件发布到线上即可,若想本地打开dist/index.html可看,一般页面为空,或者报错找不到css和js文件,则需要更改一些路径参数,改成相对当前目录,然后再次运行npm run build 就可以在本地打开 ...

Fri Mar 02 19:47:00 CST 2018 0 5592
vue配置编译本地打开dist/index.html文件

法一 vue项目完成后npm run build会生成dist文件,此时直接将dist文件发布到线上即可,若想本地打开dist/index.html可看,一般页面为空,或者报错找不到css和js文件,则需要更改一些路径参数,改成相对当前目录,然后再次运行npm run build 就可以在本地打开 ...

Tue Jan 08 18:08:00 CST 2019 0 4443
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-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
如何解决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
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM