美文网首页
5分钟学会如何访问服务器静态HTML

5分钟学会如何访问服务器静态HTML

作者: 黑莓小宝闪电朵朵 | 来源:发表于2019-05-13 12:07 被阅读0次

本章节主要通过2种方式(http-servernode-static)开通服务访问静态HTML。

在浏览器上的静态HTML不能通过ftp的方式去访问,所以一般访问服务器上的静态资源都是通过服务的方式去访问静态HTML。

配置和注意事项

服务器:阿里云学生机
服务启动工具:http-server 、node-static
注意: 本章的前提是你的静态资源不是vue和react等工程化构建完成的。因为他们已经自带好了启动服务,按照相关的启动命令和阿里云安全组端口配置即可访问到。

Start

  1. init
node -v  // 检查是否安装node
// 初始化当前项目
npm init // 初始化,配置package.json文件,按照要求填写相关信息,一直回车也可以(不建议)

为啥要初始化node项目?
因为http-servernode-static都是通过node来启动服务然后指向静态资源文件来访问。


2.http-server

npm i http-server // 安装 http-server,i是install的缩写
http-server -p 端口号 // 启动服务  不用-p 端口号的话,默认是8080
浏览器访问: 公网ip:端口号 // 注意路径问题
// 例子
http-server -p 1234 // 启动服务,端口号为1234
浏览器访问: xx.xx.xx.xx:1234即可

3.node-static
根据这个node-static简介

  1. 在当前资源下创建index.js(文件夹名称随意)
    index.js
var static = require('node-static');
var file = new static.Server('./'); // "./"是资源的路径,如果你的index.js是跟资源同一个文件夹就可以这么写

require('http').createServer(function (request, response) {
    request.addListener('end', function () {
        file.serve(request, response);
    }).resume();
}).listen(1234); // 端口号一般建议4位跟相关服务类端口号区别开。
  1. 启动服务
    node index.js

  2. 浏览器访问对应的ip即可
    浏览器访问: xx.xx.xx.xx:1234即可

注意事项
有的人通过上述命令可能会无法访问,目前根据我碰到的原因来看可能是因为阿里云的安全组配置限制了端口号,需要在阿里云安全组配置上加入端口号。


End

http-servernode-static都是根据node来启动服务的,注意资源路径和端口号就可以初步使用,个人更建议node-static可配性更高。
有问题请评论,看到会回复。

相关文章

  • PHP中9大缓存技术总结

    1、全页面静态化缓存 也就是将页面全部生成html静态页面,用户访问时直接访问的静态页面,而不会去走php服务器解...

  • PHP中9大缓存技术总结

    1、全页面静态化缓存 也就是将页面全部生成html静态页面,用户访问时直接访问的静态页面,而不会去走php服务器解...

  • 5分钟学会如何访问服务器静态HTML

    本章节主要通过2种方式(http-server和node-static)开通服务访问静态HTML。 在浏览器上的静...

  • SpringBoot(二)编写HTML页面

    学习内容 使用Thymeleaf编写一个HTML页面 访问静态资源 如何传递参数给HTML页面 模拟登录验证过程 ...

  • PHP操作数据库

    一.1.服务器:web服务:通过一个地址或域名来访问; 2.web服务:静态web服务器:html,css,js,...

  • http-server

    http-server可以将搭建本地文件服务器,以便同局域网访问,或者将某一静态html跑在服务器上 使用方法 在...

  • 路径

    views中访问HTML静态页面·相对路径 在views定义的函数中访问指定的静态HTML页面 写的相对路径 de...

  • 1.【最原始】如何通过网址nginx 访问html

    我们如何通过网页访问一个html 我们需要一台服务器 -nginx -apach -IIS 前端 -网页 HTML...

  • HTML和CSS基础讲解

    1 HTML/CSS 1.1 网站生成HTML静态页面的好处 1.1.1 网站的访问速度更快 静态页面可以降低数据...

  • Spring boot controller返回html静态文件

    场景:访问controller , 返回html静态文件。虽然可以直接访问到html文件,但是此时情况就是要通过c...

网友评论

      本文标题:5分钟学会如何访问服务器静态HTML

      本文链接:https://www.haomeiwen.com/subject/ygqlaqtx.html