html（css、js、html、web）檔案引用路徑寫法【flask】
阿新 • • 發佈：2020-12-28
此文轉載自：https://blog.csdn.net/weixin_44041700/article/details/111240306#commentBox
2、引用網上css、js檔案 如cdn加速資源
Flask學習過程中，小編認為路徑很重要，
前端怎麼拿取伺服器資源，（如：static路徑）
後臺怎麼部署前端，（如：templates路徑）
前端如何給後端傳送請求，（如：ajax請求路徑）
後端又如何回覆請求（如：回覆路由，往往回復一個json物件）
…
1、引入本地靜態css，js檔案：
比如檔案路徑：static/css/pintuer.css，路徑如下：
<link rel="stylesheet" href="{{ url_for('static',filename ='css/pintuer.css') }}">
2、引用網上css、js檔案 如cdn加速資源
常規路徑
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/lightbox/2.6/css/lightbox.css">
3、templates模板互相跳轉
3.1路由在app中
模板中只認可靜態檔案路徑，還有路由，下面將通過路由的方法指向另一個模板
#H5 A.html下：
<a href="{{url_for('page')}}"></a>
#後臺：
app.route(/page)
def page():
return template_render('B.html') #指向templates中的B.html 3.1路由在藍圖ad中
不需要考慮藍圖內配置的字首
#H5 A.html下：
<a href="{{url_for('ad.page')}}"></a>
#後臺：
ad.route(/page)
def page():
return template_render('C.html') #指向templates中的B.html
4、內嵌的js程式碼中對templates模板的引用
路徑：實際的路由
以js檔案中配置templates/404.html為例，
//js
{
"title" : "css",
"icon" : "",
"href" 5、js檔案中對templates模板的引用
參照4
6、js檔案中對其他內嵌js檔案的引用
以layui內建為例，在index.js 引入 bodyTab.js
bodyTab.js 專案路徑：/static/js/bodyTab.js
//index.js
layui.config({
base : "/static/js/"
})
多次除錯教訓：
會配路徑，更要會除錯
如果在除錯中開啟了session，那麼重啟，瀏覽器的cookie仍然存留，
新的路徑不被採用，直接從快取中取，建議每次除錯Ctrl + F5，清除快取，
可以看到伺服器處理了一個頁面的全部請求。