亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

將 vue 生成的 js 上傳到七牛的實例

 更新時間：2017年07月28日 09:11:04   作者：jackPan  
本篇文章主要介紹了將 vue 生成的 js 上傳到七牛的實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

一般 vue 的項目，大家都是直接把最后生成的 css js 等文件直接上傳到服務(wù)器，并沒有才有 cdn 的業(yè)務(wù)

這樣做一般有2個弊端，

  1. 增加服務(wù)器帶寬壓力，訪問量一旦上去，服務(wù)器就可能因為帶寬壓力掛掉
  2. 部分地區(qū)訪問速度會變慢

不過雖然知道歸知道，但是每次都手動把 js css 文件傳到七牛上很累的。
尤其是在改動頻繁的情況下，上傳七牛每次上傳七牛 cdn 很浪費時間。

于是就去找七牛的文檔，決定用腳本來解決這個問題，我是用的 python sdk 實現(xiàn)得。

python 環(huán)境請自行安裝

首先下載七牛的包

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 = '**********************'
#構(gòu)建鑒權(quán)對象
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.js 即可


雖然改動起來有一點小麻煩，但是一勞永逸，

首先 npm run build

然后 python upqiniu.py

最后將你的 index.html 拉到線上服務(wù)器就可以了。

ps: 這個腳本會將 dist/static/ 的所有文件上傳到七牛，包括 字體文件 ， 圖片等。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論