网站扒下来了怎么做,上海做网站开发的公司,内部门户网站建设方案,县 住房和城乡建设局网站想试着写一个ssr demo#xff0c;不带路由#xff0c;不带数据预取的。官网文档中的基本用法demo的照写了运行没问题#xff0c;但当我想换成组件式开发的时候就出问题了#xff0c;渲染出来的页面是空的#xff0c;这是我的代码#xff0c;麻烦帮忙看看这是entry-client…想试着写一个ssr demo不带路由不带数据预取的。官网文档中的基本用法demo的照写了运行没问题但当我想换成组件式开发的时候就出问题了渲染出来的页面是空的这是我的代码麻烦帮忙看看这是entry-client.jsimport { createApp } from ./appconst { app } createApp()app.$mount(#app)这是entry-server.jsimport { createApp } from ./appexport default context {const { app } createApp()return app}这是app.jsimport Vue from vueimport App from ../../component/test/App.vueexport 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但是渲染失败页面是空白的。
