zoukankan      html  css  js  c++  java
  • nodejs koa2 设置 静态资源目录

    参考这篇文章:https://blog.csdn.net/qq_38262910/article/details/89147571?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

    1. 一般需要安装 中间件 koa-static

    npm install koa-static --save  

      并且设置 静态资源目录

    const path = require('path')
    const staticFiles = require('koa-static')
    app.use(staticFiles(path.join(__dirname + './public/')))
    

      

     这是目录结构,app.js是我们的入口文件。为了public里面保存有我们上传的图片,为了在浏览器中可以查看这些图片,我们需要把该public目录设置为静态资源目录。
    我们需要在入口文件app.js中配置

    2. 但是在koa2 框架中,已经事先为我们配置好了 koa-static

    在这里

     所以,我们直接项目跑起来即可 npm start  或 npm run dev 即可

    浏览器地址直接访问即可

    static模块的使用也比较简单,规划好静态文件存放的路径,使用app.use挂载在应用上即可。 
    下面的代码中,__dirname+ “/static/html” 表示静态文件存放的路径,当接收到请求后,会在该路径下进行查找,serve还可以接收一个对象,表示查找文件的后缀名。

    const Koa = require('koa');
    const app = new Koa();
    const  serve = require("koa-static");
    app.use(serve(__dirname+ "/static/html",{ extensions: ['html']}));
    app.listen(3000);
    

      

  • 相关阅读:
    MySQL简概
    IO模型
    协程
    multiprocessing模块
    Python线程的常见的lock
    111-使用post的方式传值(最简示例)
    110-使用正则匹配的方式从url获值
    109-get方式获取url传值
    108-使用表格,不依赖于后台而输入内容
    107-创建第一个动态模板
  • 原文地址:https://www.cnblogs.com/yingyigongzi/p/13935092.html
Copyright © 2011-2022 走看看