ThinkJS 静态资源访问

2021-09-17 10:27 更新

静态资源访问

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

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

访问静态资源

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

模版里引用 JS 文件

<script src="https://atts.w3cschool.cn/attachments/image/cimg/foo.js"></script>

模版里引用 CSS 文件

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

模版里引用图片文件

<img src="https://atts.w3cschool.cn/attachments/image/cimg/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
}
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号