node环境使用serve把文件夹发布为一个静态服务，并解决服务跨域问题

最新推荐文章于 2025-11-18 03:03:43 发布

原创最新推荐文章于 2025-11-18 03:03:43 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何利用Node.js的Serve工具将文件夹发布为静态服务，为其他端口调用文件提供便利。文章覆盖了Serve工具的安装、配置及跨域问题的解决方法，通过修改server.js文件实现跨域访问。

1.使用背景：

将文件夹以静态服务发布，为其他端口调用文件提供服务。

2.前提工具：

window；node ；npm ；

3.发布服务工具

工具：server
安装： npm install -g serve
使用： serve -p 8080

4.跨域问题解决方法

（1）找到全局安装的serve文件夹，安装路径可以通过npm config get prefix查看。
（2）打开 server.js 文件。路径：serve/bin/serve.js。
（3）找到 serverHandler 函数并在函数中添加代码response.setHeader("Access-Control-Allow-Origin", "*");

	const serverHandler = async (request, response) => {
		if (compress) {
			await compressionHandler(request, response);
		}
        //添加这行代码
        //设置请求头
  		//允许所有来源访问
		response.setHeader("Access-Control-Allow-Origin", "*");
		return handler(request, response, config);
	};