# 靜態資源訪問 [TOC=2,3] 項目開發時，一般都需要在模版里引用靜態資源。 使用?`thinkjs`?命令創建項目時，會自動創建?`www/static`?目錄，該目錄下專門用來存放 JS、CSS、圖片等靜態資源。 ## 訪問靜態資源 靜態資源放在?`www/static`?目錄后，模版里就可以通過下面的方式引入靜態資源。 ### 模版里引用 JS 文件 ~~~ <script src="/static/js/foo.js"></script> ~~~ ### 模版里引用 CSS 文件 ~~~ <link href="/static/css/foo.css" rel="stylesheet" /> ~~~ ### 模版里引用圖片文件 ~~~ <img src="/static/img/foo.png" alt="" > ~~~ ## 靜態資源訪問配置 對于一個請求是否是靜態資源請求，是通過正則來判斷的。默認配置如下： ~~~ export default { resource_on: true, //是否開啟靜態資源解析功能 resource_reg: /^(static\/|[^\/]+\.(?!js|html)\w+$)/, //判斷為靜態資源請求的正則 } ~~~ 項目里可以根據需要在配置文件里?`src/common/config/config.js`?進行修改。 ## 線上關閉靜態資源訪問 項目上線后，一般會使用 nginx 等 WEB 服務器做一層代理，這時候就可以將靜態資源的請求直接讓 nginx 來處理，項目里就可以關閉對靜態資源請求的處理來提高性能。 可以在配置文件?`src/common/config/env/prodution.js`?里修改配置來關閉，如： ~~~ export default { resource_on: false } ~~~