关于VUE预渲染 webpack prerender-spa-plugin查看源代码的问题

为什么我预渲染的三个页面，只有首页的查看网页源代码是和index.html中的代码对应的，其他两个页面的查看网页源代码和文件中对应渲染出来的静态页面的index.html里的代码对应不上呢
这个是我打包后预渲染页面渲染出来的index.html

这个是我查看源代码后样子

而且也不只是这个地方没出来是整个查看源代码出来的跟预渲染出来的index.html就不是对应的

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
李筱宝 2021-10-08 18:25
关注
打开 network 排除缓存的可能

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

webpack5.0使用copy-webpack-plugin报错 javascript node.js webpack 有问必答
2021-12-09 11:01

回答 3 已采纳版本号改为"copy-webpack-plugin": "^9.0.0", 我原来是10报错
vue3使用ant-design-vue中表格不渲染问题 typescript vue.js 前端
2022-02-17 18:04

回答 2 已采纳解决了，问题出在版本上，按照官方给出的"npm i --save ant-design-vue@next"安装完后，一直以为安装的是3.0.0-beta.10的版本，，最后去"package.json
前端Vue安装html-wabpack-plugin插件时报错 webpack 有问必答
2022-01-07 13:00

回答 3 已采纳用cnpm试试。报错是 html-wabpack-plugin@5.3.2 不在注册表中。但我看了一下有这个版本
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020-10-14 22:59

预渲染插件 `prerender-spa-plugin` 正是为此目的设计的。它可以在构建过程中生成预渲染的HTML文件，以便搜索引擎可以看到页面的初始内容。以下是使用 `prerender-spa-plugin` 的详细步骤： 1. 安装插件：如果你...
请问在启动vue项目的时候报错Cannot find module '@vue/cli-plugin-babel' vue.js 前端前端框架
2023-03-23 14:14

回答 2 已采纳出现这种找不到依赖报错有多种情况：1、npm版本问题；2、vue或插件版本问题；3、下载依赖时网络问题。最优解决办法：删除依赖文件夹重新npm install下载,或者使用cnpm install 安
npm install报错 Cannot find module '@vue/cli-plugin-router' vue.js
2022-02-10 19:53

回答 1 已采纳额你这个 cli-plugin-router 是在 vue下。应该 npm install vue或者 npm install vue/cli-plugin-router 试试
现在的vue-cli还需要在配置webpack吗 vue.js webpack 前端
2021-12-10 14:20

回答 2 已采纳具体根据需求配置。如果定制化需求不高内置的完全够用。有的项目就必须修够 webpack配置。比如打包后输出特定格式的文件。文件夹
VUE预渲染 webpack prerender-spa-plugin
2020-02-24 11:35

晶鑫88的博客预渲染就是在构建阶段(npm run build)生成特定路由的html静态页面，利用webpack的prerender-spa-plugin 插件。参考：https://www.npmjs.com/package/prerender-spa-plugin 安装 prerender-spa-plugin npm install ...
webpack 使用 vue-loader 打包 vue单文件时报错 webpack 前端
2022-10-06 21:35

回答 2 已采纳主要是你依赖的版本问题，修正可用后的依赖版本！【我建议学习时使用vue-cli脚手架生成项目减少入门时的难度，工作中更应该使用vue-cli生成项目框架，因为他们经过大量的测试和使用更稳定和靠谱】错误
请问vue项目 babel.config.js中的@vue/cli-plugin-babel/preset是什么意思呢？ vue.js 前端
2022-05-21 08:59

回答 1 已采纳
vue配置问题：Error: Cannot find module '@vue/cli-plugin-babel' javascript node.js 有问必答
2022-04-05 14:00

回答 3 已采纳你打开 package.json 截图我看下
Vue预渲染prerender-spa-plugin+vue-meta-info
2022-11-08 23:52

初升晨光的博客对于SEO不太友好，当然vue也给出了相应的解决办法，可以通过vue ssr服务端渲染进行解决，但对于页面较少的企业站来说可以直接使用，本文总结prerender-spa-plugin+vue-meta-info做seo优化及遇到的问题。
vue 项目预渲染（prerender-spa-plugin）
2019-06-03 14:53

RitchieWei的博客服务器端渲染 vs 预渲染 (SSR vs Prerendering) 如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面（例如/,/about,/contact等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是...
vue使用预渲染prerender-spa-plugin
2022-04-12 15:30

豪先生5的博客（2）prerender-spa-plugin插件预渲染（部分路由）（好像不能全部路由）在这里我使用的是第二个方法 1、安装插件prerender-spa-plugin npm install prerender-spa-plugin --save // or 2个中选1个方法安装 npm ...
vue单页面seo(prerender-spa-plugin,vue-meta-info)
2019-01-13 20:21

为了解决这个问题，开发者可以使用 `prerender-spa-plugin` 和 `vue-meta-info` 这两个工具来优化Vue.js应用的SEO。 `prerender-spa-plugin` 是一个Vue CLI插件，用于在构建时预先渲染Vue.js应用程序的特定路由。预...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 10月16日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 10月8日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 10月8日

关于VUE预渲染 webpack prerender-spa-plugin查看源代码的问题

1条回答 默认 最新

问题事件

1条回答默认最新