Vue 將打包後的靜態文件上傳至阿里雲oss

1、配置config目錄下的index.js

注意 assetsSubDirectory 不要和原來的衝突

build: {
    .....
    assetsSubDirectory: 'test-static',
    oss_publicPath: 'your publicPath',
    oss_accessKeyId: 'your key',
    oss_accessKeySecret: 'your secret',
    oss_region: 'your region',
    oss_bucket: 'your bucket'
    .....
  }

2、配置build目錄下的webpack.prod.conf.js

const AliyunOSSPlugin = require("aliyun-oss-webpack-plugin")
....
	// 配置 output 的 publicPath
	output: {
	    publicPath: config.build.oss_publicPath,
	    ...
	  },
	// 配置 plugins
  plugins: [
    new AliyunOSSPlugin({
      accessKeyId: config.build.oss_accessKeyId,
      accessKeySecret: config.build.oss_accessKeySecret,
      region: config.build.oss_region,
      bucket: config.build.oss_bucket
    }),
    ....
    ]
....

運行 npm run build 進行測試
正常不報錯 表示成功

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章