Web_Design 板


LINE

各位前辈好,刚开始跨到Vue的世界 关於静态档案的路径设置不太了解遇到了些问题请教一下 网站模式为SPA,开发上用vue-cli, router设定为history模式 假设router设定如下图 https://i.imgur.com/TNeSOry.jpg 网页url呈现http://xxxxxx/user/profile 在static资料夹里有第三方套件 在index.html引用第三方css,如下设定 <link rel="stylesheet" href="./static/css/something.css"> 从首页进入在切换到/user/profile页面则没有任何问题 但是停留在http://xxxxxx/user/profile重新整理页面,something.css就会找不到变成 404了 (history模式server端有协助设定404 rewrite) something.css解析的路径会变成 http://xxxxxx/user/static/css/something.css 在网路上有查过相关资料,有提到把路径设为 <link rel="stylesheet" href="/static/css/something.css"> 这样就会直接到根节点css路径就会正常 但是客户在架站上可能会是这样的设定 - root site ├ website 实际上网页是在website这层 真实网址为 http://xxxxxx/website/user/profile 如果把路径设为/static/css/something.css 则css路径会解析为http://xxxxxx/static/css/something.css 直接解析到root site根节点去了... 今天花了4 5个小时都找不到解答 请求各位指点,谢谢 --



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 123.195.4.232
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1533305606.A.8E7.html
1F:→ jherk: 後端伺服器也有自己解析路由匹配的规则 一般都需再去设定 08/04 00:58
2F:→ jherk: 指向指定资料夹 08/04 00:58
3F:→ inxbone: 如果用webpack不是应该用css loader载入吗? 08/05 02:53
4F:→ miky2343: 不是耶,是放在static资料夹,webpack不会解析 08/06 09:38







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:iOS站内搜寻

TOP