vue-cli打包上线遇到各文件不到问题
vue-cli打包上线遇到各⽂件不到问题
在做VUE-cli WebPack脚⼿架项⽬打包完成后，在服务器上运⾏发现，有些js中定义的变量不到，css，背景图⽚资源等都不到，原来发现项⽬打包后的CSS和JS的引⽤路径是绝对路径，项⽬部署后会将静态当成根⽬录，就造成了⽂件引⽤路径的错误，解决⽅法是通过修改配置⽂件，将绝对路径改为相对路径，从⽽达到资源的相对引⽤。
⼀。‘/’指的是项⽬的根⽬录，’./’指的是当前⽬录
1.publicPath 并不会对⽣成⽂件的路径造成影响，主要是对你的页⾯⾥⾯引⼊的资源的路径做对应的补全，常见的就是css⽂件⾥⾯引⼊的图⽚
广东省大学
2.assetsPublicPath属性作⽤是指定编译发布的根⽬录
具体操作如下：
1.打开f.js；
2.在output模块中添加  publicPath: './' ，如下图所⽰：
2.修改打包后背景图⽚的引⽤路径
资源内的图⽚是通过css加载的，CSS代码如：background：url（../ assets / img-bg / buttonbg.png）no-repeat;
qq被冻结了怎么解冻但是打包过后的CSS变成了背景：url（../../ static / img / buttonbg.68979b3.png）no-repeat；我们需要修改配置⽂件，是的CSS代码打包后，资源引⽤路径还是相对路径;
周公解梦 梦见棺材解决办法：
1.打开build⽂件夹下的utils.js ;
2.在下图位置添加  publicPath：” ../../支付宝手机号码怎么改
形容熟练含有手的成语第⼆个问题：router-view中的内容显⽰不出来。路由history模式。
这个坑是当你使⽤了路由之后，在没有后端配合的情况下就⼿贱打开路由history模式的时候，打包出来的⽂件也会是⼀⽚空⽩的情况，
很多⼈踩这个坑的时候花了很多时间，⽹上的教程基本上都是说的第⼀个坑，这个坑很少有⼈提起。
解决：// mode: 'history',//将这个模式关闭就好
装修全包多少钱

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。