一切正常 但是3333端口打开, Not Found

来源:5-3 服务端渲染的entry配置

米得说

2018-12-28

const koa = require('koa')
const Router = require('koa-router')
const axios = require('axios')
const path = require('path')
const fs = require('fs')
const MemoryFS = require('memory-fs')
const webpack = require('webpack')
const VueServerRenderer = require('vue-server-renderer')

const serverRender = require('./server-render')
const serverConfig = require('../../build/webpack.server.conf')

const serverCompiler = webpack(serverConfig)
const mfs = new MemoryFS()
serverCompiler.outputFileSystem = mfs

let bundle
serverCompiler.watch({}, (err, stats) => {
  if (err) throw err
  stats = stats.toJson()
  stats.errors.forEach(err => console.log(err))
  stats.warnings.forEach(warn => console.warn(warn))

  const bundlePath = path.join(
    serverConfig.output.path,
    'vue-ssr-server-bundle.json'
  )
  bundle = JSON.parse(mfs.readFileSync(bundlePath, 'utf-8'))
  console.log('new bundle generated')
  console.log(bundle)  **//available**
})

console.log(bundle) **//undefined**
const handleSSR = async (ctx) => {
  if (bundle) {
    ctx.body = '你等一会,别着急......'
    return
  }

  const clientManifestResp = await axios.get(
    'http://127.0.0.1:7777/vue-ssr-client-manifest.json'
  )
  const clientManifest = clientManifestResp.data

  const template = fs.readFileSync(
    path.join(__dirname, '../server.template.ejs'),
    'utf-8'
  )
  const renderer = VueServerRenderer
    .createBundleRenderer(bundle, {
      inject: false,
      clientManifest
    })
  await serverRender(ctx, renderer, template)
}

const pageRouter = new Router()
pageRouter.get('*', handleSSR)

module.exports = pageRouter

代码如上 TOP

问题描述:
1.两个bundle 的打印,一个是有效的,一个是无效的
2.我故意在里面写成, if(bundle),但是页面还是 not found,感觉没有执行handleSSR里面的内容
3.页面一直处于Not Found 的状态,学生内心是崩溃的~

写回答

3回答

Jokcy

2018-12-30

你先确定一下handleSSR方法是否有进去,可能是你路由配置有问题

0
1
米得说
非常感谢!
2019-01-02
共1条回复

SmileCookie

2019-03-20

我同样是  not found,但是在handleSSR内能打印出东西,求解

1
1
lawlietee
我也是。。。 一直404
2019-05-07
共1条回复

慕雪1032859

2020-08-22

handleSSR有进去,但是页面还是报Not found,你们是怎么解决的


0
0

Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

深入讲解Vue核心技术,展示Vue应用开发中的各种问题和解决方案

3168 学习 · 853 问题

查看课程