把vue生成的js上传到奇牛的例子

一般vue项目，大家直接把最后生成的css js等文件直接上传到服务器，没有cdn业务

这样做通常有两个缺点，

增加服务器的带宽压力。一旦流量上去，服务器可能会因为带宽压力而挂机，部分地区访问速度会变慢。但是每次手动把js css文件转移到七牛是很累的。尤其是频繁改动的情况下，每次上传七牛cdn都是浪费时间。

于是我去找七牛的文档，决定用脚本来解决这个问题。我是用python sdk实现的。

请自行安装python环境

首先下载七头牛的包

Pip安装qiniu，然后安装第三方依赖包glob2

pip安装glob2upqiniu.py

#-*-coding : utf-8-*-从qiniu导入Auth，put_file，Import qiniu.config导入glob2导入OS #您需要填写您的Access Key和secret Key Access _ Key=' * * * * * * * * * * * * * * * * * * * secret _ Key=' * * * * * * * * * * * * *。建立一个身份验证对象q=Auth(access_key，Secret_key)#要上载的空间bucket _ name=' * * * ' resources=glob 2 . glob(' dist/static/* * ')de fload(path): file _ name=path . replace(' dist/'，' ')key=file _ name token=q . upload _ token(bucket _ name，key，3600) localfile='。/'路径put_file(令牌、密钥、本地文件)在资源：中。path.isfile (r) : upload (r)需要将此脚本(upqiniu.py)放在dist对等目录中，如下图所示：

image.png

脚本中的access_key secret_key可以在你登录七牛后的个人资料中找到：

您还需要将webpack的publicPath更改为七头牛的地址，即以下地址

在vue项目中，您只需要在配置目录下更改index.js

虽然一劳永逸地改变它有点困难，

首先，npm运行构建

然后是pythonupqiniu.py。

最后，把你的index.html拉到在线服务器上。

ps:脚本将把dist/static/的所有文件上传到七头牛，包括字体文件和图片。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。