[发明专利]一种页面内动态加载不限格式静态资源文件的方法

说明书

本发明公开一种页面内动态加载不限格式静态资源文件的方法，包括如下步骤：(1)首先进行Nginx代理服务安装部署配置；(2)将静态资源文件绝对路径映射至指定文件夹目录下；(3)将不限格式的静态资源文件拷贝到步骤(2)的路径映射目录下；(4)单页面应用配置动态访问不同格式的静态资源文件。本发明可以完全替换目前静态资源存放编译程序包内方案，且任意时刻更新替换想要替换的资源文件，避免了源程序替换之后编译版本迭代上传服务器等一系列繁琐操作，降低时间、空间及人力成本，甚至支持批量离线的静态文件快速访问响应机制。

技术领域

本发明涉及计算机web系统领域，具体是涉及页面内动态加载不限格式静态资源文件的方法。

背景技术

随着现代网络通信快速发展，动态web系统页面呈现必不可少。友好的页面都借助于不同格式的静态资源图片(jpg/png/svg/gif/ttf等格式)呈现界面形式，这些静态资源几乎都存放在系统源码静态资源Assets和Resource目录下，若部署系统的服务网络支撑且允许访问外网资讯的情况下则加载外网服务提供的在线资源文件。

不过随着业务需求不断的变更与迭代，致使源码静态资源文件逐渐变成臃肿庞大，每次系统产品迭代升级编译打包要浪费很多精力与时间成本，从而导致后期运维成本高，即时性低效、易维护性低，甚至不能随时进行更改、动态离线访问它。鉴于此现状急需一种用于页面内动态加载不限格式静态资源文件的实现方法解决上述遇到的问题。

发明内容

发明目的：本发明目的在于针对现有技术的不足，提供一种页面内动态加载不限格式静态资源文件的方法，减少源码程序编译打包发布流程，节省运行与编译程序占用空间，并提高运行环境执行效率。

技术方案：本发明所述页面内动态加载不限格式静态资源文件的方法，包括如下步骤：

(1)首先进行Nginx代理服务安装部署配置；

(2)将静态资源文件绝对路径映射至指定文件夹目录下；

(3)将不限格式的静态资源文件拷贝到步骤(2)的路径映射目录下；

(4)单页面应用配置动态访问不同格式的静态资源文件。

本发明进一步优选地技术方案为，步骤(1)中Nginx代理服务安装部署配置分为windows与linux系统版本，搜寻官网地址下载对应服务器系统版本，将其按操作步骤进行安装，配置主机地址IP、端口号PORT，最后启动Nginx代理服务器。

作为优选地，步骤(2)静态资源文件绝对路径映射指定文件夹目录下的具体方法为：

根据Nginx常规请求级别配置location块，此location块指定/file-api与来自请求的URI相对比的前缀，根据匹配请求将URI添加到根指令中指定的路径，在服务器设定绝对资源目录下创建存放不同格式静态资源文件的常规目录及特定目录。

优选地，步骤(3)不限格式的静态资源文件拷贝路径映射目录下的具体方法为：

利用文件传输工具或cmd命令行将本地静态资源文件迁移到远程代理服务器文件路径映射绝对目录下。

优选地，将本地静态资源文件迁移到远程代理服务器文件路径映射绝对目录下时，拷贝文件为单个或多个，拷贝文件存放按照文件类型存放、模块存放或切片服务类型存放。

优选地，步骤(4)单页面应用配置动态访问不同格式的静态资源文件的方法为：

在单页面组件内利用脚手架工具的代理转发特性原理，配置关键点执行选项进行配置静态资源文件映射路径Location，基于Node运行环境下围绕脚手架工具启动单页面服务，在浏览器输入单页面访问地址，在单页面里面动态加载访问服务器对应目录的静态资源单文件、多文件或批量的切片服务文件。