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

靜態(tài)資源訪問(wèn)

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

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

訪問(wèn)靜態(tài)資源

靜態(tài)資源放在 www/static 目錄后，模版里就可以通過(guò)下面的方式引入靜態(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)資源訪問(wèn)配置

對(duì)于一個(gè)請(qǐng)求是否是靜態(tài)資源請(qǐng)求，是通過(guò)正則來(lái)判斷的。默認(rèn)配置如下：

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

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

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

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

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

export default {
  resource_on: false
}