靜態(tài)資源訪問

成都創(chuàng)新互聯(lián)公司是專業(yè)的南芬網(wǎng)站建設(shè)公司，南芬接單;提供網(wǎng)站設(shè)計制作、成都做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行南芬網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

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

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

0x0 聽說new的項目自動就有www/static!?

傳說默認(rèn)創(chuà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出來的項目卻沒有這個目錄，因此還需自行創(chuàng)建：

$ mkdir www && cd www
$ mkdir static

0x1 往其中添加文件

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

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

然后啟動項目并查看相應(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項目的目錄結(jié)構(gòu)在一定程度上對應(yīng)著網(wǎng)站的URL（結(jié)合第一章）。
• 官網(wǎng)不可盡信。
• 調(diào)整src/config/middleware.js可以調(diào)整對項目中用到的中間件。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。

分享題目：Thinkjs3新手入門之如何使用靜態(tài)資源目錄
URL標(biāo)題：http://chinadenli.net/article36/gsgdsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、軟件開發(fā)、動態(tài)網(wǎng)站、網(wǎng)頁設(shè)計公司、服務(wù)器托管、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)