原文:vue-cli webpack打包后加载资源的路径问题

vue项目,访问打包后的项目,输入路径后,页面加载空白。这时会有两类问题,都是路径问题。 .一个是css,js,ico等文件加载不到,是目录里少了dist 打开页面时一片空白 解决办法: config index.js文件的build gt assetsPublicPath的默认值改为 . assetsPublicPath:资源的根目录。这个是通过http服务器运行的url路径。因为webapp和 ...

2018-03-28 15:03 0 7097 推荐指数:

查看详情

解决vue-cli 打包静态资源路径不对的问题

项目基于vue-cli搭建的,都会自动配置一些打包的参数。在实际项目中,可能会用到static下的静态图片。 打包出来,图片加载错误。查看图片路径发现有双层的static/css/static/images。很明显是打包的时候,路径配置的不对。 可以通过添加publicPath ...

Sat Dec 08 01:17:00 CST 2018 0 1352
vue-cli webpack打包不.map文件,iview 项目打包完,图标路径问题

vue 项目打包出来有时候体积有点大,其实基本都是.map文件比较大,这些文件对项目没什么影响,可以直接在打包时候就不生成.map文件这样就不用每次删那么麻烦了, 做法:     config中知道 index,js        vue iview项目打包发现字体图标路径 ...

Thu Dec 21 18:16:00 CST 2017 0 2106
vue-cli构建的vue项目打包css引入的背景图路径不对的问题

使用vue-cli构建vue项目,再打包遇到一个css引入的背景图片路径问题,就是css代码中背景图片是根据相对路径来写的,如下图:    当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包,访问dist目录下的项目,页面背景图 ...

Tue Dec 11 22:51:00 CST 2018 0 1408
vue-cli项目打包需要修改的路径问题

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

Wed Dec 12 23:16:00 CST 2018 0 5774
vue项目打包资源路径问题

最近做的vue项目,本地测试完成,build上线,却发现了文件路径问题,提示各种诸如js,css等资源找不到的错; 正确解决方式有两种,一种是绝对路径配置,详细可以网上查,个人推荐第二种相对路径,这样的话,项目迁移比较方便; 具体配置如下: 第一步: 要注意:是config ...

Thu Oct 18 18:27:00 CST 2018 0 2285
vue-cli打包项目后路径错误问题

一、问题描述 执行 npm run build 命令打包生成dist文件夹,访问的时候报如下错误: 二、解决办法 在根目录下,新建 vue.config.js文件,内容如下, 再次打包,顺利访问: ...

Mon Mar 16 03:50:00 CST 2020 0 1141
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM