当前位置: 首页 > Web前端 > vue.js

vue@cli3项目模板如何使用public目录下的静态文件

时间:2023-03-31 18:37:37 vue.js

.imgs{font-size:0;img{宽度:100%;高度:自动;}}问:项目很简单。网上看说把之前路径下的public路径去掉了。嗯,开发环境没问题,可以打包报错了。因为在vue-cli4.4中,在本地项目中public添加了一个images文件。结果项目打包的dist在服务器找不到img路径,老大费了半天才解决。这里提示的默认路径是相对路径,但是服务器找不到。一开始是在本地/images/...没问题,但是服务端不行,因为服务端需要一个h5文件夹来接受本地文件,所以配置如下:首先,参考一个热心大咖,如何使用vue@cli3项目模板在public目录下使用静态文件vue.config.js文件配置module.exports={publicPath:'/h5/'}配置页面.imgs{font-size:0;img{宽度:100%;高度:自动;}}问题解决,图片出来了imageurl:["images/039f03d73e6f18f7a1bacafb3ce70654.jpg","images/8089f02b5cb5b6acef4c8acd86c5f0e8.jpg",'images/a4f5015e5f6f6f6f8114c92c2c9jpg','我年龄/d0ec8a2d7a910fe1af7729666a44555e.jpg']

猜你喜欢