處理 vue history模式打包后頁面為空白頁的問題

在vue根目錄下創建vue.config.js 文件

// product為工程名
module.exports = {
    publicPath: '/product/',
    outputDir: 'product'
}

修改router.js

// product為工程名
const router = new VueRouter({
  mode: 'history',
  base: '/product/',
  routes
})

修改Nginx配置

// product為工程名
location /product {
    index  index.html index.htm;
    try_files $uri $uri/ /product /;
}

轉載至 http://www.gzui.net/archives/3234