在Node服务器中运行html文件

两个页面具有相同的协议（protocol），主机（host）和端口号（port）才是同源（即指在同一个域），当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

当出现跨域时：

【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB

【2】无法接触非同源网页的 DOM

【3】无法向非同源地址发送 AJAX 请求

本地环境使用document.domain和window.location.host获取一些域名端口之类的信息都是空，请求文件总是会遇到跨域问题，Node.js 是一个开源和跨平台的 JavaScript 运行时环境，于是尝试在node服务器上运行页面

安装node

初始化执行 npm init 生成package.json

npm init

方法一：

1.安装express

npm i express -S

2.新建一个server.js并运行 node server.js

server.js

const hostname = '127.0.0.1'
const port = 7777const express = require('express');
const fs = require("fs");
const app = express();// 在 Node.js 中读取文件最简单的方式是使用 fs.readFile() 方法，向其传入文件路径、编码、以及会带上文件数据（以及错误）进行调用的回调函数// 使用fs.readFile打开html文件
app.get("/test.html", (request, response) => {fs.readFile("./" + request.path.substr(1), (err, data) => {// bodyif (err) {console.log(err);//404：NOT FOUNDresponse.writeHead(404, { "Content-Type": "text/html" });}else {//200：OKresponse.writeHead(200, { "Content-Type": "text/html" });response.write(data.toString());}response.end();});
});app.listen(port, hostname, () => {console.log(`Server running at http://${hostname}:${port}/`)
})

3.打开http://127.0.0.1:7777/test.html

方法二：

1.安装live-server

cnpm i live-server -S

2.修改package.json配置

在script项中添加

"dev": "./node_modules/.bin/live-server --port=7777"

3.命令行中执行npm run dev

在Node服务器中运行html文件相关推荐

node服务器中打开html文件的两种方法
方法1:利用 Express 托管静态文件,详情查看这里方法2:使用fs模块提供的readFile方法打开文件,让其以text/html的形式输出. 代码: var express = requir ...
数据库服务器文件路径,如何在服务器中找到数据库文件路径
如何在服务器中找到数据库文件路径内容精选换一换 ModelArts Web训练需要在昇腾AI处理器上调试基本没问题后,在ModelArts Web页面上部署便可直接训练.但如果前期训练代码没有调试 ...
如何在服务器中找到数据库文件夹,如何在服务器中找到数据库文件
如何在服务器中找到数据库文件内容精选换一换本手册基于华为云关系型数据库实践所编写,用于指导您完成相关设置,购买更符合业务的数据库实例. 华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用 ...
打开服务器数据库文件,如何打开服务器中的数据库文件
如何打开服务器中的数据库文件内容精选换一换云服务器新增磁盘,开机自动执行磁盘初始化脚本后,Oralce.MySQL和SQL Server等数据库系统日志Msg 823错误 .磁盘初始化脚本Win ...
在linux云服务器上运行Jar文件
在linux服务器上运行Jar文件时通常的方法是: $ java -jar test.jar 这种方式特点是ssh窗口关闭时,程序中止运行.或者是运行时没法切出去执行其他任务,有没有办法让Jar在后台 ...
运行文件服务器,服务器的运行目录文件
服务器的运行目录文件内容精选换一换您需要将编译后的可执行文件拷贝到目标服务器,并构造相关输入数据,从而运行工程.对于本文档的应用示例,查看$HOME/tools/projects/Custom_ ...
如何在DW中运行PHP文件
如何在DW中运行PHP文件需要两步, 第一步安装appserver软件,第二步在DW中配置站点. 目录如何在DW中运行PHP文件一.安装appserver 二 .DW配置站点三.后记一.安装 ...
cmd中如何运行python文件_在cmd中运行.py文件: python的操作步骤
在cmd中运行.py文件: python的操作步骤 1 打开cmd, 不改变运行的目录: 输入python 空格调试好的python文件路径或者python 空格将python文件拖入cmd ...
在web服务器上运行jsp文件
在web服务器上运行jsp文件首先得在电脑上安装tomcat服务器,确保服务器能运行在8080端口页面,然后在myeclipse中新建web project ,建包,建类,在webRoot下面WEB ...

在Node服务器中运行html文件

在Node服务器中运行html文件相关推荐

最新文章

热门文章