欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2017年12月06日 09:48:48   作者:RDDcoding  
最近在學(xué)習(xí)thinkjs3,發(fā)現(xiàn)有些地方還是有必要整理下的,下面這篇文章主要給大家介紹了關(guān)于Thinkjs3新手入門之如何使用靜態(tài)資源目錄的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。

靜態(tài)資源訪問

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

使用 thinkjs 命令創(chuàng)建項(xiàng)目時(shí),會(huì)自動(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

如果一切正常的話,會(huì)出錯(cuò)!

0x2 同學(xué),請(qǐng)?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)/ // <-- 此處修改了
 }
 },
....

還沒完,對(duì)應(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)識(shí)

  • Thinkjs項(xiàng)目的目錄結(jié)構(gòu)在一定程度上對(duì)應(yīng)著網(wǎng)站的URL(結(jié)合第一章)。
  • 官網(wǎng)不可盡信。
  • 調(diào)整src/config/middleware.js可以調(diào)整對(duì)項(xiàng)目中用到的中間件。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

  • node.js使用express-fileupload中間件實(shí)現(xiàn)文件上傳

    node.js使用express-fileupload中間件實(shí)現(xiàn)文件上傳

    本文使用express作為服務(wù)端,使用express-fileupload庫提供的中間件函數(shù)來接受從客戶端傳來的圖片,并將圖片作為文件存儲(chǔ)在服務(wù)端,感興趣的可以了解一下
    2021-07-07
  • 使用nodejs+express實(shí)現(xiàn)簡(jiǎn)單的文件上傳功能

    使用nodejs+express實(shí)現(xiàn)簡(jiǎn)單的文件上傳功能

    這篇文章主要介紹了使用nodejs+express完成簡(jiǎn)單的文件上傳功能,需要的朋友可以參考下
    2017-12-12
  • NodeJS鏈接MySql數(shù)據(jù)庫的操作方法

    NodeJS鏈接MySql數(shù)據(jù)庫的操作方法

    下面小編就為大家?guī)硪黄狽odeJS鏈接MySql數(shù)據(jù)庫的操現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • 完美解決linux下node.js全局模塊找不到的情況

    完美解決linux下node.js全局模塊找不到的情況

    今天小編就為大家分享一篇完美解決linux下node.js全局模塊找不到的情況,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-05-05
  • 輕松創(chuàng)建nodejs服務(wù)器(4):路由

    輕松創(chuàng)建nodejs服務(wù)器(4):路由

    這篇文章主要介紹了輕松創(chuàng)建nodejs服務(wù)器(4):路由,服務(wù)器需要根據(jù)不同的URL或請(qǐng)求來執(zhí)行不一樣的操作,我們可以通過路由來實(shí)現(xiàn)這個(gè)步驟,需要的朋友可以參考下
    2014-12-12
  • Express.JS使用詳解

    Express.JS使用詳解

    Express 是一個(gè)簡(jiǎn)潔而靈活的 node.js Web應(yīng)用框架, 提供一系列強(qiáng)大特性幫助你創(chuàng)建各種Web應(yīng)用。下面我們將逐步分析下,各位不要輕易離開
    2014-07-07
  • Node.js 回調(diào)函數(shù)實(shí)例詳解

    Node.js 回調(diào)函數(shù)實(shí)例詳解

    這篇文章主要介紹了Node.js 回調(diào)函數(shù)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-07-07
  • 修改NPM全局模式的默認(rèn)安裝路徑的方法

    修改NPM全局模式的默認(rèn)安裝路徑的方法

    這篇文章主要介紹了修改NPM全局模式的默認(rèn)安裝路徑的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • 解決修復(fù)npm安裝全局模塊權(quán)限的問題

    解決修復(fù)npm安裝全局模塊權(quán)限的問題

    今天小編就為大家分享一篇解決修復(fù)npm安裝全局模塊權(quán)限的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-05-05
  • node安裝及環(huán)境變量配置詳細(xì)教程

    node安裝及環(huán)境變量配置詳細(xì)教程

    在很多前端項(xiàng)目中都需要配置node的環(huán)境變量,下面這篇文章主要給大家介紹了關(guān)于node安裝及環(huán)境變量配置的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-07-07

最新評(píng)論