avatar

十六小站

欢迎来到我的个人主页! 期待与您分享我的经验与故事,一起探索技术的无穷可能!

  • 首页
  • NAS专题
  • 关于
Home 前端快速启动web服务
文章

前端快速启动web服务

Posted 2023-10-27 Updated 2024-10- 19
By 十六 已删除用户
2~3 min read

我们在做前端开发或者是做后端开发的时候需要用到前端网站,这时候因为涉及到跨域请求,涉及到复杂的环境搭建,那么如何快速的来启动一个web服务,是本文主要讲的内容。

anywhere web服务器

anywhere是node的轻量级web服务插件,你可以随时随地在任何目录执行anywhere来启动一个web服务进行文件共享或者静态网站启动。 首先必须有node环境。

下载命令

npm install -g anywhere

启动命令

anywhere

加端口启动

anywhere -p 80

注意

有时候因为环境变量问题,anywhere无法识别,那么可以使用anywhere.cmd来替代。

代理

单一的简单web服务有时候满足不了需求,这时候就需要一个简单的轻量级代理来实现。 下载命令:

npm install -g http-proxy-middleware

创建配置文件

在您的项目根目录下创建一个名为 proxy.js 的文件。

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/prefix', // 指定请求前缀
    proxy({
      target: 'http://localhost:3000', // 指定目标地址
      changeOrigin: true, // 启用跨域
      pathRewrite: {
        '^/prefix': '', // 将前缀替换为空字符串,如果需要保留前缀可以修改为其他路径
      },
    })
  );
};

运行命令

anywhere --proxy http://localhost:8000 --proxy-config proxy.js

这样就可以搭建一个简单服务并且还有反向代理功能。

前端, 菜鸟入坑
License:  CC BY 4.0
Share

Further Reading

Sep 6, 2025

记一次前端优化(vue2)

由于博主所在公司的前端缺乏高端人员,导致前端代码臃肿,前端页面加载耗时基本上在min级别,于是博主决定进行一次优化 。首先贴上优化前的加载截图 ,明显可以看出 ,资源加载竟然加载了45.2MB,耗时在2.1min。 1. 引入Bundle Size检查打包体积 (1)下载依赖

Apr 2, 2025

简单规则引擎

背景 在一些项目中我们需要通过用户自定义配置一些阈值逻辑进行判断是否触发阈值,例如大部分IOT项目中需要设置自动触发条件(例如:每天22:00后 且 窗帘关闭的情况下关灯)。 当然有一些成熟如规则引擎如:Drools和LiteFlow,但是这里写一款简单的java实现方案作为记录。 前端示例 以下示

Oct 27, 2024

HTML编译成应用程序

如果你想将 HTML 网页包装成 Windows 应用程序,可以使用 Electron。下面是详细步骤: 使用 Electron 创建 Windows 应用程序 1. 安装 Node.js 和 npm - 首先确保你安装了 Node.js 和 npm(Node.js 的包管理器)。你可以从 [Nod

OLDER

黑群晖DIY

NEWER

群晖搭建iSCSI服务

Recently Updated

  • KubeShpere部署(4.1.2)
  • 微服务之Auth篇
  • 记一次前端优化(vue2)
  • SpringBoot3.X-2(缓存Redis/memory)
  • SpringBoot3.X-1(MP+Druid)

Trending Tags

Java Docker 前端 中间件 数据库 群晖 unraid

Contents

©2025 十六小站. Some rights reserved.

Using the Halo theme Chirpy