ThinkJS 靜態(tài)資源訪問

靜態(tài)資源訪問

項目開發(fā)時，一般都需要在模版里引用靜態(tài)資源。

使用 thinkjs 命令創(chuàng)建項目時，會自動創(chuàng)建 www/static 目錄，該目錄下專門用來存放 JS、CSS、圖片等靜態(tài)資源。

訪問靜態(tài)資源

靜態(tài)資源放在 www/static 目錄后，模版里就可以通過下面的方式引入靜態(tài)資源。

模版里引用 JS 文件

<script src="https://atts.w3cschool.cn/attachments/image/cimg/foo.js"></script>

模版里引用 CSS 文件

<link href="/static/css/foo.css" rel="stylesheet" />

模版里引用圖片文件

<img src="https://atts.w3cschool.cn/attachments/image/cimg/foo.png" alt="" >

靜態(tài)資源訪問配置

對于一個請求是否是靜態(tài)資源請求，是通過正則來判斷的。默認配置如下：

export default {
  resource_on: true, //是否開啟靜態(tài)資源解析功能
  resource_reg: /^(static\/|[^\/]+\.(?!js|html)\w+$)/, //判斷為靜態(tài)資源請求的正則
}

項目里可以根據(jù)需要在配置文件里 src/common/config/config.js 進行修改。

線上關(guān)閉靜態(tài)資源訪問

項目上線后，一般會使用 nginx 等 WEB 服務(wù)器做一層代理，這時候就可以將靜態(tài)資源的請求直接讓 nginx 來處理，項目里就可以關(guān)閉對靜態(tài)資源請求的處理來提高性能。

可以在配置文件 src/common/config/env/prodution.js 里修改配置來關(guān)閉，如：

export default {
  resource_on: false
}