简单搭建本地服务器预览打包后的静态文件

迈不过友情╰ 2022-12-01 12:22 109阅读 0赞

**一、使用 express **

安装 express

npm install express -g

新建 dist.ts

const express = require('express');
    const path = require('path');
    const app = express();
    
    // 访问静态资源文件
    app.use(express.static(path.join(__dirname, 'dist')));
    
    // 注意此时静态文件不是根路径了，打开会报错
    // 转到 index.html 看到<base href="/">标签
    // 改成 <base href="./">就可以了
    
    // 监听端口
    app.listen(8080, () => {
      console.log('listen port 8080 success');
    });

启动 dist.ts

node dist.ts

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg4MzMzOA_size_16_color_FFFFFF_t_70][]

**二、使用 angular 推荐的 [lite-server][]**

安装 npm install lite-server

在 package.json 里加入 lite-server --baseDir='www'

"scripts": {
        "lite": "lite-server --baseDir='www'",
      }

执行 npm run lite

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg4MzMzOA_size_16_color_FFFFFF_t_70 1][]

**三、使用 python3**

因为 python3 自带 http 服务，所以可以用 python 搭建网站。

在静态文件目录下执行：**python -m http.server 8001**

不加 8001 默认 8080 端口。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg4MzMzOA_size_16_color_FFFFFF_t_70]: /images/20221123/c3e68cc49a0842248fe77574314c68ca.png
[lite-server]: https://github.com/johnpapa/lite-server
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg4MzMzOA_size_16_color_FFFFFF_t_70 1]: /images/20221123/d2d2e0fd1c6b440899cdbb16e6eac37b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读

相关 netty搭建简单的文件服务器

*在工作中，文件服务器是很常用的，我们经常需要把一些公共资源放到服务器上的某个目录下，通过IP加端口就可以实现文件的查看，下载等功能，** 常见的方法像tomcat，将...

╰半橙微兮°/ 2024年04月19日 16:05/ 0 赞/ 93 阅读

相关文件预览

NonStaticResourceHttpRequestHandler.java import org.springframework.core.io.FileSys

分手后的思念是犯贱/ 2022年12月29日 14:15/ 0 赞/ 327 阅读

相关 MinIO 文件服务器简单搭建

MinIO 文件服务器简单搭建本地安装 Minio是一个对象存储服务器，在项目中可以用来存储文件，替代本地存储或者ftp存储的功能。 d

以你之姓@/ 2022年12月20日 02:53/ 0 赞/ 635 阅读

相关 [Nginx]Nginx搭建简单的静态资源服务器

1.安装nginx（windows方法，mac直接用brew即可）在nginx官网下载压缩包解压即可 nginx一些简单的命令： nginx start

小鱼儿/ 2022年12月03日 05:11/ 0 赞/ 307 阅读

相关简单搭建本地服务器预览打包后的静态文件

一、使用 express 安装 express npm install express -g 新建 dist.ts const express =

迈不过友情╰/ 2022年12月01日 12:22/ 0 赞/ 110 阅读

相关 kkFileView 预览环境搭建

文章目录 0、概述 1、准备 1.1 kkfileview 1.2 OpenOffice

￡神魔★判官ぃ/ 2022年10月16日 06:02/ 0 赞/ 536 阅读

相关 myeclipse +tomcat 7 搭建简单本地服务器

第一步：选择Tomcat版本打开myeclipse，找到windows下的Preferences ![70][]，找到MyEclipse ![70 1]

偏执的太偏执、/ 2022年05月20日 10:37/ 0 赞/ 287 阅读

相关 nodejs搭建一个简单的本地服务器

nodejs提供了http这个核心模块，而且不用安装，直接require获取就可以了，利用http模块我们可以快速搭建一个简单的本地服务器。首先我们要到[Node.js官网

淡淡的烟草味﹌/ 2022年04月17日 03:54/ 0 赞/ 535 阅读

相关 nginx搭建简单的静态资源服务器

1.安装依赖：yum install gcc pcre-devel zlib zlib-devel openssl openssl-devel 2.安装Nginx：　　　

╰半夏微凉°/ 2022年01月22日 05:15/ 0 赞/ 355 阅读

相关使用node搭建一个简单操作本地文件的服务器

使用node搭建一个简单服务器要使用node搭建一个服务器，首先肯定是要去node官网查看文档的，根据文档，可以知道node有哪些功能。下面是一个简

偏执的太偏执、/ 2021年12月17日 00:13/ 0 赞/ 649 阅读