最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。 原因:找到config ...
第一部分 之前一直不太理解为什么要使用vue webapck,还有在使用了vue cli之后会用到后台,即vue cli自动帮我们安装了express服务器,在本地服务器上运行,因为我们希望可以模拟在真是服务器上的效果,然而又不可能始终在真实的服务器上运行,所以在本地服务器上运行就很重要了。 但是通过vue webpack构建的项目如何部署到服务器上呢 首先VUE 是一个javascript的前 ...
2019-04-27 16:20 0 2421 推荐指数:
最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。 原因:找到config ...
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。 解决办法:改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行 ...
1.打包之前修改三个文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 1.2.第二步,找到utils.js,在 第47行左右 有一个if判断为 if (options.extract),在这里 ...
如何解决vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath ...
发布到服务器上之后出现 1、空白页,在config中的index.js文件中找到assetsPublicPath(注意是build里面的)。他的默认值是assetsPublicPath: '/'改成如图所示样子就可以了。(图片找不到的时候也有可能是这里没有改) 2、部分图片找不到,img中 ...
一 般打包的时候命令行会出现如下错误提示: 然后去dist文件夹运行index.html。在浏览器里会发生如下错误提示: 先在config/index.js把原本是/改成./,然后再去bulid文件夹的build.js里,把命令行提示那段console.log给删除掉,或者注释 ...
场景 Vue的项目执行 后会在本地dist下生成打包后的文件 但是此文件给后端后就能访问, 如果直接在本地双击在浏览器中打开就会提示一堆文件路径找不到。 这是因为直接在本地访问打开的话,请求资源的url是如上图file://那种开头 ...