返回首页 | 注册送体验金88送现金

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发将 vue 生成的 js 上传到七牛的实例

时间:2017-08-17 编辑:admin

一般 vue 的项目,我都是直接把最终生成的 js 等文件直接上传到服务器,并没有才有 cdn 的事务

这样做一般有2个坏处,

添加服务器带宽压力,拜访量一旦上去,服务器就可能由于带宽压力挂掉 部分地区拜访速度会变慢

不过尽管知道归知道,可是每次都手动把 js 文件传到七牛上很累的。
尤其是在改动频频的情况下,上传七牛每次上传七牛 cdn 很浪费时间。

于是就去找七牛的文档,决议用脚正本处理这个问题,我们是用的 sdk 完成得。

环境请自行装置

首要下载七牛的包

pip install qiniu

然后装置第三方的依靠包 glob2

pip install glob2

upqiniu.py

# -*- coding: utf-8 -*-
from qiniu import Auth, put_file,
import qiniu.config
import glob2
import os
#需求填写你的 Access Key 和 Secret Key
access_key = '*********************'
secret_key = '**********************'
#构建鉴权目标
q = Auth(access_key, secret_key)
#要上传的空间
bucket_name = '****'
resources = glob2.glob('dist/static/**')
def upload(path):
 file_name = path.replace('dist/', '')
 key = file_name
 token = q.upload_token(bucket_name, key, 3600)
 localfile = './' + path
 put_file(token, key, localfile)
for r in resources:
 if os.path.isfile(r):
 upload(r)

需求将本脚本(upqiniu.py)放到 dist 同级目录下,如下图:

image.png

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

还需求将 webpack 的 publicPath 改成七牛的地址即改成下面这个

在 vue 的项目中,只需求改动 config 目录下面的 index.php 即可

尽管改动起来有一点小麻烦,可是一了百了,

首要 npm run buil*********>然后 python upqiniu.py

最终将你的 index.html 拉到线上服务器就可以了。

ps: 这个脚本会将 dist/static/ 的一切文件上传到七牛,包含 字体文件 , 图片等。


浏览:

网站建设

流程

    网站建设流程