#每天都是崭新的一天#再累也要照顾好自己

静态资源访问

项目开发时,一般都需要在模版里引用静态资源。

使用 thinkjs 命令创建项目时,会自动创建 www/static 目录,该目录下专门用来存放 JS、CSS、图片等静态资源。

访问静态资源

静态资源放在 www/static 目录后,模版里就可以通过下面的方式引入静态资源。

模版里引用 JS 文件

<script src="/static/js/foo.js"></script>

模版里引用 CSS 文件

<link href="/static/css/foo.css" rel="stylesheet" />

模版里引用图片文件

<img src="/static/img/foo.png" alt="" >

静态资源访问配置

对于一个请求是否是静态资源请求,是通过正则来判断的。默认配置如下:

export default {
  resource_on: true, //是否开启静态资源解析功能
  resource_reg: /^(static\/|[^\/]+\.(?!js|html)\w+$)/, //判断为静态资源请求的正则
}

项目里可以根据需要在配置文件里 src/common/config/config.js 进行修改。

线上关闭静态资源访问

项目上线后,一般会使用 nginx 等 WEB 服务器做一层代理,这时候就可以将静态资源的请求直接让 nginx 来处理,项目里就可以关闭对静态资源请求的处理来提高性能。

可以在配置文件 src/common/config/env/prodution.js 里修改配置来关闭,如:

export default {
  resource_on: false
}

文章来源:http://www.thinkjs.org


感谢你的阅读,本文由 sau交流学习社区 版权所有。
如若转载,请注明出处:sau交流学习社区-power by saucxs(程新松)(/page/280.html)
交流咨询
    官方QQ群
    群号663940201,欢迎加入!
    sau交流学习社区交流群

微信群
欢迎加入微信群
微信公众号
欢迎关注微信公众号
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!
您正在使用的浏览器是,不在支持范围内!
为了您的正常使用与展示,推荐使用Chrome浏览器68以上版本
支持浏览器:
火狐浏览器最新版
Safari浏览器最新版
Edge浏览器最新版
IE浏览器10,11