作者miky2343 (Jie)
看板Web_Design
标题[请益] 关於static静态档案路径设定
时间Fri Aug 3 22:13:23 2018
各位前辈好,刚开始跨到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