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

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);
	};
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
跨域问题是由于浏览器的同源策略导致的,即不允许在一个域名下的页面去访问另一个域名下的资源。为了解决跨域问题,可以通过搭建本地一个服务器来实现。 一种常见的做法是使用Node.js搭建一个本地服务器。具体步骤如下: 1. 首先,在本地安装Node.js,确保已经安装了npm包管理工具。 2. 创建一个项目文件夹,进入该文件夹,并打开命令行工具。 3. 在命令行中使用npm初始化项目,生成一个package.json文件,命令如下: ``` npm init ``` 4. 使用npm安装一个简单的HTTP服务器,例如express库,命令如下: ``` npm install express --save ``` 5. 在项目文件夹下创建一个JavaScript文件(例如server.js),使用express库创建一个简单的服务器,代码如下: ```javascript const express = require('express'); const app = express(); const port = 3000; app.get('/api/data', (req, res) => { // 接收GET请求,返回需要的数据 res.send('跨域问题解决方案'); }); app.listen(port, () => { console.log(`服务器运行在 http://localhost:${port}`); }); ``` 6. 在命令行中启动服务器,命令如下: ``` node server.js ``` 7. 本地服务器启动成功后,可以通过访问"http://localhost:3000/api/data"来获取服务器上的资源。 通过搭建本地服务器后,在跨域请求时,可以将请求发往本地服务器,然后本地服务器再去请求目标资源,并把请求结果返回给客户端,实现跨域资源的获取。 需要注意的是,这种解决方案并不适用于真实的生产环境,主要用于开发和测试阶段。在真实环境中,可以通过配置服务器的响应头来允许跨域访问,或使用代理服务器等其他方式来解决跨域问题

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值