如何通过Vue在public目录下引用文件实现高效资源加载？

本文共计711个文字，预计阅读时间需要3分钟。

在开发H5应用时，常需进行卡片授权操作。此时，需达成某些协议，这些协议可点击打开。具体做法如下：这是一个链接，前端可打开，且常用。

有时候我们在开发h5时候，会有需要绑卡授权操作，这个时候需要同意某些协议并且这些协议是可以点击打开的，这种该怎么做呢？
其实这就是一个链接，前端能够打开链接并且常用的也就是a标签喝vue自带的router-link，当然其他还有，通常来说a标签就够了

关于协议的存储，这里简单说下，在实际开发中，协议存储有以下几种：

1、存放在前端，一种是直接放在public静态资源文件夹下，webpack打包不会对其处理，直接把文件复制到存放项目的工程目录下；还有一种就是托管在cdn上，类似静态资源托管，会有一个域名，这个域名下放的都是静态资源比如图片呀之类的。通常来说，第一种最简单。

2、存放在一个中台，这个中台不是系统不是一个项目，而是公司内一个组织划分，支撑着其他部门的项目，通常就是前端编写协议内容，然后把协议存放的绝对路径给到中台相应开发，他们会做些处理最后返回一个完整的带有域名的文件地址，比如http:xxxx/zyxj/1.html，然后把带有详细信息返回给前端，前端直接渲染。

以上俩种方法我都参与过，今天说第一种。