前面我们说了beego里默认支持 “.tpl和.html” 两种后缀的模板文件，本篇文章说下html文件引用js、css和img的方法。

话不多说，直接看示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/static/css/static_test.css">    <!-- 引用css文件 -->
    <script src="/static/js/static_test.js"></script>      <!-- 引用js文件 -->
</head>

<body>
    <h1 class="sy">静态文件展示模板：</h1>
    <br>
    <img src="/static/img/1.jpg" alt="" class="img_style">     <!-- 引用图片 -->
    
    
</body>
</html>

 

上面的示例里用到了css、js、img(图片)的引用方法，这里要补充说明的是：资源的路径/static/css/static_test.css、/static/js/static_test.js的/static路径不是目录（是URL），这个url是beego默认指定好了的。那么如何修改静态文件的路径那？

 

修改静态文件的路径和目录

　　在main.go文件里，beego.Run()上方添加：beego.SetStaticPath(url, path) 修改静态文件的url和url对应的路径。

注意：

单独添加这行配置：
beego.SetStaticPath(/static, front)      // 修改了/static url对应的存放文件的路径

单独添加这行配置
beego.SetStaticPath(/front, front)       // 增加了/front url对应的存放文件路径，/static url依然有效。