亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue ssr失敗,渲染的html為undefined

Vue ssr失敗,渲染的html為undefined

九州編程 2019-03-11 16:14:28
想試著寫一個ssr demo,不帶路由,不帶數據預取的。官網文檔中的基本用法demo的照寫了運行沒問題,但當我想換成組件式開發的時候就出問題了,渲染出來的頁面是空的,這是我的代碼,麻煩幫忙看看這是entry-client.jsimport { createApp } from './app'const { app } = createApp()app.$mount('#app')這是entry-server.jsimport { createApp } from './app'export default context => {  const { app } = createApp()  return app}這是app.jsimport Vue from 'vue'import App from '../../component/test/App.vue'export function createApp () {  const app = new Vue({    render: h => h(App)  })  return { app }}這是server.jsconst server = require('express')()const { createBundleRenderer } = require('vue-server-renderer')const renderer = createBundleRenderer('./dist/vue-ssr-server-bundle.json', {  runInNewContext: false,   template: require('fs').readFileSync('./views/test/test.html', 'utf-8')})server.get('*', (req, res) => {  renderer.renderToString( (err, html) => {    res.end(html)  })}).listen(8899)這是webpack打包服務端的代碼const merge = require('webpack-merge')const nodeExternals = require('webpack-node-externals')const baseConfig = require('./webpack.common.js')const VueSSRServerPlugin = require('vue-server-renderer/server-plugin')module.exports = merge(baseConfig, {  entry: './js/test/entry-server.js',  target: 'node',  devtool: 'source-map',  output: {    libraryTarget: 'commonjs2'  },  externals: nodeExternals({    whitelist: /\.css$/  }),  plugins: [    new VueSSRServerPlugin()  ]})我的運行步驟是,先 webpack --config webpack.ssr.js,會成功打包出vue-ssr-server-bundle.json文件,之后node server.js,但是渲染失敗,頁面是空白的。
查看完整描述

1 回答

?
哆啦的時光機

TA貢獻1779條經驗 獲得超6個贊

解決了,./dist/vue-ssr-server-bundle.json不能是相對路徑,必須絕對路徑


查看完整回答
反對 回復 2019-03-24
  • 1 回答
  • 0 關注
  • 504 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號