靜態(tài)資源訪問
成都創(chuàng)新互聯(lián)公司是專業(yè)的南芬網(wǎng)站建設(shè)公司，南芬接單;提供網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(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)隊(duì),希望更多企業(yè)前來合作!
項(xiàng)目開發(fā)時(shí)，一般都需要在模版里引用靜態(tài)資源。
使用 thinkjs 命令創(chuàng)建項(xiàng)目時(shí)，會自動(dòng)創(chuàng)建 www/static 目錄，該目錄下專門用來存放 JS、CSS、圖片等靜態(tài)資源。
0x0 聽說new的項(xiàng)目自動(dò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 //啟動(dòng)自動(dòng)執(zhí)行目錄 | | |--- master.js //Master 進(jìn)程下自動(dòng)執(zhí)行 | | |--- worker.js //Worker 進(jìn)程下自動(dòng)執(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)目卻沒有這個(gè)目錄，因此還需自行創(chuàng)建：
$ mkdir www && cd www $ mkdir static
0x1 往其中添加文件
$ touch fuck.js && echo 'fuck 高數(shù)' > fuck.js
這里本人秉承一貫作風(fēng)創(chuàng)建一個(gè)fuck.js文件，你也可按心情添加其他文件
然后啟動(dòng)項(xiàng)目并查看相應(yīng)的頁面 127.0.0.1:8360/fuck.js
如果一切正常的話，會出錯(cuò)！
0x2 同學(xué)，請?zhí)顚懛匣痉ǖ腢RL
正確的路徑應(yīng)該是 127.0.0.1:8360/static/fuck.js
0x3 什么？你不喜歡static這個(gè)名字
那么可以通過修改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)識
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。
