架构:webpack、express、vue、vue-router
问题描述:在实现Vue SSR的过程中,利用express将页面模板渲染成HTML后返回给浏览器,浏览器能正常接收HTML,但是不能对HTML进行挂载。
排查过程:
现象:1、返回的打包文件client.bundle.js内容为HTML代码,为异常,且控制台报错。
下图报错的原因为js文件无法识别HTML代码,故报错。
2、在向express请求HTML和client.bundle.js时出现两次请求,按理说应为一次即可,即请求HTML。
处理:经排查,打包生成的client.bundle.js不能直接使用,而是将其作为静态资源,返回给浏览器,挂载至浏览器。
下图箭头所指即为将打包后的所有文件作为静态资源返回给浏览器,不用再次请求express