前端性能优化 将资源放到 linux 服务器上 提升访问效率

我们先远端连接服务器 然后服务器终端输入

mkdir 目录路径

建出一个新的文件路径
在这里插入图片描述
回到我们自己的电脑
然后 在要缓存到服务器的文件目录下打开终端
在这里插入图片描述
输入

scp -r ./xidis.hdr 用户名 如果没设置用户名就是root@服务器公网IP:/root/xhdr

例如

scp -r ./xidis.hdr root@1.113.266.557:/root/xhdr

执行这个名录 会提示你输入服务器密码
这样 就可以将xidis.hdr送到 服务器的 root目录下的 xhdr目录中

来到服务器
然后 我们执行

ls /root/xhdr

查看root目录下的xhdr目录
在这里插入图片描述
文件 是已经在下面了的
然后 我们将vue项目中使用文件的路径 改成 服务器的路径 root目录下的 xhdr目录下的 xidis.hdr 然后打包项目
在这里插入图片描述
这里注意 你在本地运行 /root/xhdr/xidis.hdr 肯定是拿不到的 将项目上到服务器上去
然后运行 资源就是获取的服务器上的了
在这里插入图片描述