點(diǎn)擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識百科 - 正文

Thinkjs3新手入門之如何使用靜態(tài)資源目錄

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:24:10

Thinkjs3新手入門之如何使用靜態(tài)資源目錄

Thinkjs3新手入門之如何使用靜態(tài)資源目錄:靜態(tài)資源訪問項(xiàng)目開發(fā)時，一般都需要在模版里引用靜態(tài)資源。使用 thinkjs 命令創(chuàng)建項(xiàng)目時，會自動創(chuàng)建 www/static 目錄，該目錄下專門用來存放 JS、CSS、圖片等靜態(tài)資源。 0x0 聽說new的項(xiàng)目自動就有www/static!? 傳說默認(rèn)創(chuàng)建的項(xiàng)目結(jié)構(gòu)如

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀Thinkjs3新手入門之如何使用靜態(tài)資源目錄:靜態(tài)資源訪問項(xiàng)目開發(fā)時，一般都需要在模版里引用靜態(tài)資源。使用 thinkjs 命令創(chuàng)建項(xiàng)目時，會自動創(chuàng)建 www/static 目錄，該目錄下專門用來存放 JS、CSS、圖片等靜態(tài)資源。 0x0 聽說new的項(xiàng)目自動就有www/static!? 傳說默認(rèn)創(chuàng)建的項(xiàng)目結(jié)構(gòu)如

靜態(tài)資源訪問

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

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

0x0 聽說new的項(xiàng)目自動就有www/static!?

傳說默認(rèn)創(chuàng)建的項(xiàng)目結(jié)構(gòu)如下：

|--- development.js //開發(fā)環(huán)境下的入口文件
|--- nginx.conf //nginx 配置文件
|--- package.json
|--- pm2.json //pm2 配置文件
|--- production.js //生產(chǎn)環(huán)境下的入口文件
|--- README.md
|--- src
| |--- bootstrap //啟動自動執(zhí)行目錄 
| | |--- master.js //Master 進(jìn)程下自動執(zhí)行
| | |--- worker.js //Worker 進(jìn)程下自動執(zhí)行
| |--- config //配置文件目錄
| | |--- adapter.js // adapter 配置文件 
| | |--- config.js // 默認(rèn)配置文件 
| | |--- config.production.js //生產(chǎn)環(huán)境下的默認(rèn)配置文件，和 config.js 合并 
| | |--- extend.js //extend 配置文件 
| | |--- middleware.js //middleware 配置文件 
| | |--- router.js //自定義路由配置文件
| |--- controller //控制器目錄 
| | |--- base.js
| | |--- index.js
| |--- service //服務(wù)目錄 
| | |--- **.js //用戶自己定義的服務(wù)
| |--- logic //logic 目錄
| | |--- index.js
| |--- model //模型目錄
| | |--- index.js
|--- view //模板目錄
| |--- index_index.html
|--- www
| |--- static //靜態(tài)資源目錄
| | |--- css
| | |--- img
| | |--- js

其中是包含有www/static目錄的，但現(xiàn)在通過thinkjs new出來的項(xiàng)目卻沒有這個目錄，因此還需自行創(chuàng)建：

$ mkdir www && cd www
$ mkdir static

0x1 往其中添加文件

$ touch fuck.js && echo 'fuck 高數(shù)' > fuck.js

這里本人秉承一貫作風(fēng)創(chuàng)建一個fuck.js文件，你也可按心情添加其他文件

然后啟動項(xiàng)目并查看相應(yīng)的頁面 127.0.0.1:8360/fuck.js

如果一切正常的話，會出錯！

0x2 同學(xué)，請?zhí)顚懛匣痉ǖ腢RL

正確的路徑應(yīng)該是 127.0.0.1:8360/static/fuck.js

0x3 什么？你不喜歡static這個名字

那么可以通過修改src/config/middleware.js中resource的參數(shù)來修改：

修改前：

....
 {
 handle: 'resource',
 enable: isDev,
 options: {
 root: path.join(think.ROOT_PATH, 'www'),
 publicPath: /^\/(static|favicon\.ico)/ // <-- 此處將修改
 }
 },
....

修改后：

....
 {
 handle: 'resource',
 enable: isDev,
 options: {
 root: path.join(think.ROOT_PATH, 'www'),
 publicPath: /^\/(public|favicon\.ico)/ // <-- 此處修改了
 }
 },
....

還沒完，對應(yīng)的還得修改www/static為www/public：

修改前

|--- www
| |--- static //靜態(tài)資源目錄
| | |--- fuck.js

修改后

|--- www
| |--- public //靜態(tài)資源目錄
| | |--- fuck.js

大功告成，現(xiàn)在訪問127.0.0.1:8360/public/fuck.js，就有了：

0xSegmentFuck 感性認(rèn)識

Thinkjs項(xiàng)目的目錄結(jié)構(gòu)在一定程度上對應(yīng)著網(wǎng)站的URL（結(jié)合第一章）。

官網(wǎng)不可盡信。

調(diào)整src/config/middleware.js可以調(diào)整對項(xiàng)目中用到的中間件。

總結(jié)

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Thinkjs3新手入門之如何使用靜態(tài)資源目錄

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：使用目錄 js

熱門焦點(diǎn)

Thinkjs3新手入門之如何使用靜態(tài)資源目錄

Thinkjs3新手入門之如何使用靜態(tài)資源目錄

Thinkjs3新手入門之如何使用靜態(tài)資源目錄

最新推薦

猜你喜歡

熱門推薦