解决vue单页面应用打包后相对路径、绝对路径相关问题_第1页
解决vue单页面应用打包后相对路径、绝对路径相关问题_第2页
解决vue单页面应用打包后相对路径、绝对路径相关问题_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、解决v单页面应用打包后相对路径、绝对路径相关问题在项目开发过程中,在部署过程中,用到了反向代理,这就要求前端代码中不能使用绝对路径。、等文件,使用的都是绝对路径。下面可以举几个例子来看一下:但是我们知道,一般情况下,通过e默认丁包后的、打包后的e文件G:ThmairE甌血站色片帕口皿二沏匸险I:三疝SetpacttaspXfiF.s&utis.-zcssSixrcdlai:taTic.-iii/jraQge-駅WD:-rsa1宓;二;凸:斗站:卫廿申團网畑:-px(JI删IJFIr恥汕百雄帆diccliu匚为弭MEIfwckgrUid-TiitI:下5r刊ifriT士科匸厂寸岸卜了吕圧迟.:印

2、J修改配置后路径。匸卫胆b伽it卜二為Dbdld:odiqifBdiEttlBalicT口般tllante口img笫pplecElrifl用碰脾二pc:jrflb角!1Sapp2.ipc:je5ftk:!ddpplw:xf?lbjZMl令中i二心站时沁1戴聊二吃瀾ft為d斤以,如果在项目中需要使、修伽wpum件中匸赢n丁j:re:/static?iig/GreofiZislii&Kpi址(梅r孔1扎1殆::工越-J氛口扫:归c-iLdi.:-1审山比:闆:Jheigii!?:!bT:即就此:c1(./stitlt/iiig*blus.36aeT:l.mrr即珊h讥imL亡?1j.r-I-1pj

3、;randT;cjiNm:22pjMid.-:-冰.1如血!牯itipn:T4nD2sJ|.:.:J=oaufrrJiM-iCn:JICp-i/i_l-LIt-IbacciLrJ-pjSJl1:(btiJa-r-idrr-piitZ-nIig:1.25)2凸:山怕4江怙討b)iKS?I,EH时戒眈怛砒朝他矿垃址:和i.口1匕:”/昭口岀口理(去门:ndd:2jifiej黑;:二口臺汕貯盧収:订叭盯乂上观坨汀工P显矜乩閃“tn?-repat沌丁亞匸:“忧亡/rr|述!:起口3卫方二訂;|口:-pl丨!=,14?丽打皿訂尹1jIj|:H1-.-;iiaij?g2-:J-|%isi:iii:-J3p

4、iJ-ii-r:IaaGfir?jJM-paritj:-10pi2-.:f丨-1i血嫁0直肝也芒曲i-ifis)卜世此-血工-了肌灯山址-上肘巾:,巧!2r*.51s;/iri/afjflSx,JCr71?i.馆rMniirfrlpxr2叩刖。paLdi:3.nd:!;:hei(iht:3Qpi:birtyrsird:1(/biatlc/ingstr.SOBQlcE.jnjlnreFattoleriTMLc?-;-1L:Lf.;rcurarpciltidji:二pi小=丨怙暑呃rju:Fp田二闭Itoi:i/护径径来飞,*态.的ijfI.!.ha-.fgz-Tjj-puii:i-,i:)i;l

5、.i-r.iM-p-.Tifrn:HOpil_(新-两.,1修改为如血下:图所如!1。卜忙9:,席:”上:理卜.一;卜呼欢;*-出上-曲酮id:l,25!2:22f:j|-HMli/setlsEa昭-It梅严hj:-I1psandr.w髄;m%fi下.hf卄.DacheBustin?tJild:HTbwMfarlndcr.Hijiidsi.,灶劭吃:vieKliziL、/?旷应lesetsEc:-(Umaote.:.did国irxfe:him0Epp出p呛d:3E卫必讷扯凶旳lewTE;J3t3_Tt:_tr匕閒闊T口血dinr.Knvdtanrt呼血tEEt口占H!TQjinUs*口顶K唧卡

6、昭曲祉虫纸1也为厝.Jfl胆上汽叔12丄題女JIGdCEnL备弟m加盘丸她1乌.jlbriJT-Kdrflnl场呼Ifl?詡.:瞥环为Qiarfcr醫wwgDaQiwiUUnil口nQd*_HNKM?F口ptugiET1:-vl-|r:TTin-in.-r:T-2-r-nr:-r:1-?:-h.-.i_T旗仔口Lw.itiO:-.rln-r-:.dbatdrjrund-fritim;ipc*Cl.lJ:-.4bfldkHMinj-jnsitintrSfltpx01._ri.;i.r.-:(bicJbBzvlDd*FD9iTian.;HQpzJjan;IjpXflcuri3r:djefjiLil

7、%J.-I:-.brtrirauMi-pciEi11m:Lpxi&KSrrdI.C-ebiJF_jJraii|ffidf-rjdTjfJaq1.25)1,r-rA-.jj*c;1s1atir.iLn?,nErr-ftSii3l:315pnu)p-acaj/fizd-ir;*px_picl/kjnlilltieprtl-fal-ilJljnznlddlejMddfJiaDsa1dtA:ZI-1hflcJre:-nmif-piijjfi.-:11pi:IbidjpriKmd-iJtan:-Eprnj-.t:TmcJtfypuntf-pdbman!=世pxflj-.jtIl“:.u*flckfrsx

8、ntf-pastlniLJjprx山曲1知1mrS7r:d.cfauL3Tl-JEbDnhsrnuaf-pniifJn;ISpiCi(.TfeWJr-*jji-drr1cr-J1jrr1-nrn;J止工I.:W.ii才一j:iltfldl-.pi|)I.“:涎I卜.:nDKifIIJ?IaK;llil5rieMt*rfJcI-xJlfA;ji-iddLeJidl*jifl;-O:GfiitrjiriSfiVttJteJlfilJZOtliibjerlidrGund;ucriJc-Miize1;1Upi_Jpz)I=/If由注SgSLiirfFjI.卫曲|尹4前;讨(島JmvH九ii*C#甲g丫

9、宅F1雷/丙.*.-阳旧可耳fto|rtjp-xhi:屈H二皿殆A:2tion:.!px!harjT:-in!?iti:Jiit,(EJ-fJClflr.iT.pjdidfn:i:iiith:21hfiff;hr:vcATTLund:!.(stitic/iic/plnk-eiSre-d.pnci1mrrepEtttfr3rdter:riciixZ(f-31d-jffioel-ll削EiUHLpintf知針删曲RfdiaHhndlrichsdftQitisT-pi-ptr.ai“斥:师哄片昭密皿.理3呼nflig0CP:6所以仍需进一步修改配置,使其变成如下路径:.iradio_flat-yel

10、lowbackground-image:url(././static/img/ HYPERLINK mailto:yellow2x.04850a2.pngyellow2x.04850a2.png);2、处理图片路径问题在webpack对ExtractTextPlugin插件配置的地方,加入如下代码(具体值可能有变化,依据自身项目打包后文件路径关系确定)后部署到二级目录,绝对路径没用改变。解决办法:在开发中使用相对路径主要文件config-index.jsbuild-assetsPublicPath:7二级目录f最后的斜线很重要不能省略static静态文件build-utils.jsexports.cssLoaders下的functiongenerateLoadersif(o

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论