Thinkjs3初学者如何使用静态资源目录

静态资源访问

开发项目时，通常需要引用模板中的静态资源。

使用thinkjs命令创建项目时，会自动创建www/static目录，专门用来存储js、CSS、图片等静态资源。

0x0听说新项目自动有www/static！

传说默认创建的项目结构如下：

| -开发环境中的development.js//entry文件| - nginx.conf //nginx配置文件|-package.json |-PM2.json//PM2配置文件|-production . js//生产环境中的entry文件|-readme . MD |-src | |-bootstrap//启动自动执行目录| | | |-master.js//master进程下的自动执行| |-worker.js//worker进程下的自动执行| |-config//配置文件目录| |-adapter.js. Adapter配置文件| |-config . js//默认配置文件| | |-config . production . config . config与config.js合并| | | - extend.js //extend配置文件| |-middleware . js//中间件配置文件| | |-router . js//自定义路由配置文件| |-controller//controller目录| | |-base . js | |-index . js | |-service//service目录| |-| * *。js//用户定义服务| | - logic //logic目录| | |-index.js | |-。-index . js |-view//模板目录| |-index _ index.html |-www | |-static//静态资源目录| | |-CSS | |-img | |-js，其中包含www。

$ mkdir www cd www$ mkdir static0x1向其中添加文件

$ touch操. js呼应‘操高数’操. js在这里，我一直创建一个操. js文件，你也可以根据自己的心情添加其他文件。

然后启动项目，查看对应的页面127 . 0 . 0 . 1:8360/操. js

如果一切正常，就会出问题！

0x2，请按照基本法填写网址

正确的路径应该是127 . 0 . 0 . 1:8360/static/操. js。

0x3什么？你不喜欢静态这个名字

可以在src/config/middleware.js中修改资源的参数：

修改前：

.{handle:' resource '，enable: isdev，options3360 { root:路径。加入(思考。root _ path，' www ')，public path 3360/\/(static | fav icon \。ico)///。

.{ handle: 'resource '，enable: isDev，options : { root : path . join(think。ROOT_PATH，' www ')，public path : /^\/(public|favicon\。ico)////} }已在此修改，它还没有完成，相应的www/static必须修改为www/public:

修改前

| - www| | - static ///static资源目录| | | -操. js已修改

|-www | |-public///静态资源目录| | | -操. js完成。现在访问127 . 0 . 0 . 1:8360/public/fuck . js，您将拥有：

0xSegmentFuck操感性知识

Thinkjs项目的目录结构在某种程度上对应着网站的URL(结合第一章)。官网不敢全信。调整src/config/middleware.js可以调整项目中使用的中间件。摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。