前端快速搭建简易服务器

前言

当我们使用VUE、REACT脚手架打包后，想快速打开打包后文件查看页面。但当我直接点击生成HTML文件发现并不能打开，此时需要借助简易服务器帮助打开。

使用 node 的 express 快速搭建

express 搭建服务器。
第一步，需要创建一个 空文件夹
第二步，初始化文件夹，在该文件目录下执行

  npm init -y

第三步：安装 express

 npm i express

第四步，文件中写

var express = require("express");
var path = require("path");

var app = express();


app.listen(3001,(err)=>{
    if(!err){
        console.log("3001服务器开启成功！");
        console.log("err",err);
    }
})


app.use(express.static(path.resolve(__dirname,'./dist')));
// dist 为当前目录下，构建工具生成的包文件

第五步 node 启动文件 即可

node ./xxx.js

使用 serve 快速搭建

使用很简单, 可全局安装

npm i serve -g 

serve ./dist 

使用nginx

把包文件路径放到 nginx 相应配置位置即可