要实现远程访问,可以通过Node.js搭建服务器完成。具体步骤如下:

1.新建一个空文件夹。如:AboutMe-Server

2.打开VS Code软件,在软件中打开AboutMe-Server文件夹

3.通过npm初始化项目。打开终端,输入以下命:

如上图所示表明初始化成功。

4.初始化成功后,目录后自动生成一个package.json文件。

5.安装express。在终端输入 npm i express -S回车即可

6.配置完成后在AboutMe-Server文件夹下面创建一个dist文件夹——用来存放静态资源;

在AboutMe-Server文件夹下面再创建一个app.js文件——用于写创建服务器的代码。创建完成后如下图所示

7.编写Express配置文件。打开app.js文件,编写以下代码:

8.配置完成,输入命令node .\app.js,打开服务器。如下图所示表示打开服务器成功。

原文:https://www.cnblogs.com/JJpeng/p/12320713.html

html远程调用html,如何HTML、CSS、JS等静态资源的远程访问?相关推荐

  1. SpringBoot页面跳转访问css、js等静态资源引用无效解决

    SpringBoot页面跳转访问css.js等静态资源引用无效解决 原文链接:https://blog.csdn.net/qq_41647999/article/details/83788265 目录 ...

  2. 在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案

    在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案 参考文章: (1)在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案 (2)https: ...

  3. 配置nginx作为静态资源服务器 css,js,image等资源直接访问

    1.传统的web项目,一般都将静态资源存放在 webroot 的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能 或许就会很低下了.这种情况下一般都 ...

  4. chrome浏览器加载css、js等静态资源文件的坑

    2019独角兽企业重金招聘Python工程师标准>>> 注意一点:在开发过程发现chrome加载的静态资源文件不是最新,则手工清除缓存和cooike再次刷新就可以了.原因是chrom ...

  5. Spring Boot thymeleaf模版支持,css,js等静态文件添加

    Thymeleaf引入 Thymeleaf是一个Java模板引擎开发库,可以处理和生成HTML.XML.JavaScript.CSS和文本,在Web和非Web环境下都可以正常工作. 1.添加依赖包 & ...

  6. iOS之支持https与ssl双向验证(包含:解决UIWebView加载不了https网页的图片,css,js等外部资源)

    http://blog.csdn.net/luochuanad/article/details/53410537

  7. tp view html 引用css,TP5.1:将外部资源引入到框架中(css/js/font文件)

    为了让我们的框架形式变得更加好看,我们需要加入Bootstrap和Jq文件到框架中 1.通过Bootstrap和jq官网进行相关文件的下载 (1)Bootstrap下载地址:https://v3.bo ...

  8. Springsecurity引入静态资源 css,js,图片被屏蔽等问题解决办法

    如果不加解决,springsecurity会自动屏蔽我们引用的css,js等静态资源,导致页面不能加载出该有的样式功能. 应在继承了WebSecurityConfigurerAdapter类中的con ...

  9. springMVC设置静态资源过滤器,过滤js、css、images等静态资源

    首先看个index.jsp首页的代码 <%@ page contentType="text/html;charset=UTF-8" language="java&q ...

最新文章

  1. Nutch爬取Ajax请求的动态网页
  2. Google Archive Patch 源码解析
  3. 产品经理怎么做可行性分析?
  4. Github上都没有的“网约车”项目,终于有人给写出来了!
  5. 使用 ale.js 制作一个小而美的表格编辑器(1)
  6. spring 核心技术
  7. Delphi7 Lite Edition 7.3.4.0 [2010-11-20]
  8. 中国计算机学会(CCF)推荐国际学术会议和期刊目录(2019年版,官网转载)
  9. 利用百度智能云-文字识别 auto.js
  10. ubuntu降低内核版本
  11. select 获取选择的值
  12. 用计算机数字打喜欢你,喜欢你数字怎么表示,“我喜欢你”用数字怎么
  13. 基于ocanvas.js的饼图实例展示
  14. 计算机英语versatile意思,英语单词versatile是什么意思,英文单词查询versatile,在线单词versatile翻译...
  15. C/C++函数注释格式
  16. BLE传输速率以及抓包工具
  17. 【基础框架-SSM】Maven_进阶
  18. Pytest 如何组织冒烟测试及执行冒烟用例
  19. VS 2017 OCX
  20. ios打framework包:Undefined symbols for architecture arm64:

热门文章

  1. react 弹框组件
  2. JQuary属性操作
  3. 痛苦并幸福着------源动力第一天
  4. 如何压缩png图片的大小?
  5. EMDrive当然是不存在的
  6. 数理逻辑蕴含_彻底弄懂充要,必要,充分但不必要,必要但不充分以及数理逻辑中的蕴含...
  7. C#中any()的用法
  8. DTCloud 第1天
  9. 东莞1号线汽车总站至滨江体育馆站右线盾构始发
  10. 《Java基础入门第2版》--黑马程序员 课后答案及其详解 第10章 多线程