-| pages/
---| index.vue
---| users/
-----| _id.vue

// nuxt.config.js
module.exports = {
 generate: {
 routes: [
 '/users/1',
 '/users/2',
 '/users/3'
 ]
 }
}

// nuxt.config.js
import axios from 'axios'

export default {
 generate: {
 routes: function () {
 return axios.get('https://my-api/users')
 .then((res) => {
 return res.data.map((user) => {
 return {
 route: '/users/' + user.id,
 payload: user
 }
 })
 })
 }
 }
}

async asyncData ({ params, error, payload }) {
 if (payload) return { user: payload }
 else return { user: await backend.fetchUser(params.id) }
}

$ cnpm install prerender-spa-plugin --save

const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
const path = require('path');
module.exports = {
 configureWebpack: config => {
 if (process.env.NODE_ENV !== 'production') return;
 return {
 plugins: [
 new PrerenderSPAPlugin({
 // 生成文件的路徑，也可以與webpakc打包的一致。
 // 下面這句話非常重要！！！
 // 這個(gè)目錄只能有一級，如果目錄層次大于一級，在生成的時(shí)候不會(huì)有任何錯(cuò)誤提示，在預(yù)渲染的時(shí)候只會(huì)卡著不動(dòng)。
 staticDir: path.join(__dirname,'dist'),
 // 對應(yīng)自己的路由文件，比如a有參數(shù)，就需要寫成 /a/param1。
 routes: ['/', '/product','/about'],
 // 這個(gè)很重要，如果沒有配置這段，也不會(huì)進(jìn)行預(yù)編譯
 renderer: new Renderer({
 inject: {
 foo: 'bar'
 },
 headless: false,
 // 在 main.js 中 document.dispatchEvent(new Event('render-event'))，兩者的事件名稱要對應(yīng)上。
 renderAfterDocumentEvent: 'render-event'
 })
 }),
 ],
 };
 }
}

new Vue({
 router,
 render: h => h(App),
 mounted () {
 document.dispatchEvent(new Event('render-event'))
 }
}).$mount('#app')

$ phantomjs spider.js 'https://www.baidu.com'

upstream spider_server {
 server localhost:3000;
}

server {
 listen 80;
 server_name example.com;
 
 location / {
 proxy_set_header Host $host:$proxy_port;
 proxy_set_header X-Real-IP $remote_addr;
 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

 if ($http_user_agent ~* "Baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|bingbot|Sosospider|Sogou Pic Spider|Googlebot|360Spider") {
 proxy_pass http://spider_server;
 }
 }
}