build: {
 // Template for index.html
 index: path.resolve(__dirname, '../dist/index.html'),
 
 // Paths
 assetsRoot: path.resolve(__dirname, '../dist'),
 assetsSubDirectory: 'static',
 assetsPublicPath: '/dist/', // 這個地方使用絕對路徑 很重要！
 
 /**
  * Source Maps
  */
 
 productionSourceMap: true,
 // https://webpack.js.org/configuration/devtool/#production
 devtool: '#source-map',
 
 // 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'],
 
 // Run the build command with an extra argument to
 // View the bundle analyzer report after build finishes:
 // `npm run build --report`
 // Set to `true` or `false` to always turn it on or off
 bundleAnalyzerReport: process.env.npm_config_report
}

export default new Router({
 mode: 'history', // 去掉#，需要路由模式改為history
 base: '/dist/', // 這個配置也很重要，否則會出現(xiàn)頁面空白情況
 scrollBehavior: () => ({ y: 0 }),
 routes: [
  {
   path: '/facebook',
   name: 'Facebook',
   component: Facebook
  },
  {
   path: '/google',
   name: 'Google',
   component: Google
  }
 ]
})

server {
    listen 8080;
    server_name localhost;
    #charset koi8-r;
    #access_log logs/host.access.log main;
    #打包后的項目目錄，一定記住這個地方帶有項目名稱
    root /Users/qiilee/Desktop/vue/dist;
    index index.html;
 
    location /dist {
        #這個地方?jīng)]有項目名稱，因為請求的時候如果請求：http://localhost:8080/dist ,nginx會查找/Users/qiilee/Desktop/vue/dist/目錄下的數(shù)據(jù)
        root /Users/qiilee/Desktop/vue;
        try_files $uri $uri/ @router;
        index index.html;
    }
    //try_files $uri $uri/ @router;和下邊部分很重要，沒有這部分發(fā)布二級一下的路由會出現(xiàn)js加載，但是也沒空白的情況
    location @router {
        rewrite ^.*$ /index.html last;
    }
  }