本地file文件http访问

本人前端小白白,工作中遇到很多前端问题想记录下来加深印象,如果也能帮助到你就太好了,错误的地方忘指正

平常很喜欢自己写一些简单的html文件去测试某个小功能,但是每次都是打开浏览器都是这样file:///的形式,就觉得很low 哈哈~~~如果你也想用这样的http跑你的文件的话应该有这几步就可以了

1.首先你本地得有node.js 下载地址https://npm.taobao.org/mirrors/node/v10.16.3/node-v10.16.3-x64.msi;

2.进入你的最外层文件夹下 我这里比如是testHttp文件 npm init 创建初始化文件package,json 

本地file文件http访问_第1张图片

3.npm install server 安装server服务 这一步要在上一步之后 不然就会报错(no such file or directory, open 'D:\testDeom\package.json')

4.还是在最外层目录下 新建一个server.js文件内容如下(最简单的配置):

let express = require('express');

    let app = express();

    app.use(express.static('src'));// 关键是这一句,我的目录叫src,html页面就放在这个目录下

    app.listen(8888, () => { // 端口号自取 8080、8088、8000随便

        console.log('服务启动成功。');

    });

5.最后运行node.js 结果出现服务启动成功就说明成功了 在浏览器输入localhost:端口号就可以访问了

本地file文件http访问_第2张图片

注: 如果浏览器显示Cannot GET /  把入口文件改成index就好了ctrl+c退

你可能感兴趣的:(本地file文件http访问)