vue項目運行在二級域名打包配置

默認打包出來的項目運行在根目錄可以正常顯示，如果在二級域名下就會顯示空白，是因資源引用路徑及路由模式不同導致的，需要做以下兩步配置：

一、修改publicPath

vue.config.js

module.exports = { 
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/', //打包到生產環境使用./
    ...
};

二、修改路由模式

src/router/index.js

const router = new VueRouter({
  // mode: 'history', // 這句註釋後默認爲hash模式
  ...
});