问答

求解答 服务端发送过来的文件 无法渲染到当前窗口

作者:admin 2021-06-24 我要评论

请问一下 为啥我服务端渲染发送过来的html文件 无法直接替换掉当前页面 但是在 network 中又能查看到返回的页面 访问主页面时又能直接替换到窗口中啊 const Vue ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

请问一下 为啥我服务端渲染发送过来的html文件 无法直接替换掉当前页面 但是在 network 中又能查看到返回的页面
访问主页面时又能直接替换到窗口中啊2020-07-11_222447.png

const Vue = require('vue')
const renderer = require('vue-server-renderer').createRenderer()
const express = require('express')
const router = express.Router()
const fs = require('fs')
var  abc = '111'

// 主页渲染
router.get('/', (req, res) => {
  console.log(req.query)
  const app = new Vue({
      data: {
      title: abc
    },
  template:   fs.readFileSync('./index.template.html', 'utf-8')
})
// 创建vue后端渲染
  renderer.renderToString(app,(err, html) => {
      if (err) {
          res.status(500).send('Internal Server Error')
          return
      }
res.send(html)
  })
})


// -------命令渲染
router.post('/command',(req,res)=>{
  // abc = req.body.command
  // res.send('')
  const app = new Vue({
      data: {
          title: req.body.command
      },
      template:   fs.readFileSync('./index.template.html', 'utf-8')
  })
// 创建vue后端渲染
  renderer.renderToString(app,(err, html) => {
      if (err) {
          res.status(500).send('Internal Server Error')
          return
      }
      res.send(html)
  })

})
module.exports = router
###

你在返回前设置一下响应头试试,res.set('Content-Type', 'text/html');

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求解答 服务端发送过来的文件 无法渲染

    求解答 服务端发送过来的文件 无法渲染

  • vue 组件中如何动态引入子组件?

    vue 组件中如何动态引入子组件?

  • 如何对境外一台丢包的服务器进行传输文

    如何对境外一台丢包的服务器进行传输文

  • vscode中,vue文件里面没有router-link

    vscode中,vue文件里面没有router-link

腾讯云代理商
海外云服务器