VUE-CLI webpack 專案打包部署上線

藍色熾夢發表於2017-10-28

很簡單不復雜只需要幾步
1、找到專案的 webpack環境配置的config目錄下的index.js檔案的assetsPublicPath把"/"改成 "./"
得出: build: {
env: require('./prod.env'),
index: path.resolve(dirname, '../dist/index.html'),
assetsRoot: path.resolve(
dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',//這個就是剛剛修改的
productionSourceMap: true,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to true, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: false,
productionGzipExtensions: ['js', 'css']
....
}
2、找到biuld目錄下的utils檔案修改成 publicPath:'../../'
3、修改路由router目錄下的檔案
router = new VueRoter({
mode: 'history',
base: '/aaa/', //aaa 就是伺服器Tomact相對於根目錄的名稱 在此目錄放的就是 static 和 index.html檔案 這兩檔案你是專案打包生成的dist檔案只要copy過來就能成功部署在伺服器上進行訪問了
routes:[{
path:'./',
name:'',
component:'''
....省略
}]
)}

相關文章