Vue SSR问题:返回的js打包文件为HTML文件

  架构: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

原文地址:https://www.cnblogs.com/inttochar/p/11856481.html